[英]how to call javascript confirm dialog function in html.actionlink in asp.net mvc?
[英]ASP.NET MVC ActionLink whith javascript function
我有一個包含動作鏈接的列表。 所有鏈接都必須通過模態彈出窗口中的param加載局部視圖。
鏈接:
@model IEnumerable<string>
<ul>
@foreach (var item in Model)
{
<li>
@Html.ActionLink(item, "MyAction", null, new {code = item}, new {@class = "myclass" })
</li>
}
</ul>
MyAction:
public ActionResult MyAction(string code)
{
// logic
var model = ...
return PartialView("_MyPartialView", model);
}
我的模態彈出和javascript函數的視圖:
<script type="text/javascript">
$(function() {
$(function() {
$('#my-dialog').dialog({
autoOpen: false,
width: 400,
modal: true
});
$('.myclass').click(function (e) {
e.preventDefault();
$('#my-dialog').load(this.href, function () {
$(this).dialog('open');
});
return false;
});
});
</script>
<div id="my-dialog"></div>
但是單擊actionlink上的js函數不起作用,而部分視圖只是在新頁面中加載。 我嘗試在這個函數中設置斷點,但是斷點不起作用,這意味着該函數沒有通過click事件調用。 謝謝你的建議
嘗試這個.......
<script type="text/javascript">
$(function() {
$(function() {
$('#my-dialog').dialog({
autoOpen: false,
width: 400,
modal: true
});
$(body).on('click','.myclass',function(e){
e.preventDefault();
$('#my-dialog').load(this.href, function () {
$(this).dialog('open');
});
return false;
});
});
</script>
<div id="my-dialog"></div>
渲染視圖后,加載局部視圖的唯一方法是通過Ajax調用將部分視圖返回到彈出窗口
HTML
@model IEnumerable<string>
<ul>
@foreach (var item in Model)
{
<li>
<a onclick="showModal('@item')" class="myclass">item</a>
</li>
}
<div id="my-dialog"></div>
jQuery的
<script type="text/javascript">
$(function() {
$('#my-dialog').dialog({
autoOpen: false,
width: 400,
modal: true
});
function showModal(code) {
$.ajax({
url: "myController/MyAction?code="+code,
type: 'get',
success: function (result) {
$('#my-dialog').html(result);
$('#my-dialog').dialog('open')
},
}
});
}
</script>
行動:
public ActionResult MyAction(string code)
{
// logic
var model = ...
return PartialView("_MyPartialView", model);
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.