Question

asp.net mvc模式下调用jquery ui dialog问题

在V界面我的按钮是动态生成多个，事件都是要打开一个 jquery ui 的dialog，那V里面的model 传到dialog上 如何实现？
View代码如下：
@foreach (DataServer.Models.BanAndUnban item in Model.data)
{
<td><button type="button" value="@item.gameid">踢人下线</button> //动态生成的按钮
<div id="@item.gameid" title ="@item.gameid" style="display:none;"> //绑定的dialog的窗口
<p>是否确定？</p>
</div>
</td>
}

jquery代码：
<script type="text/javascript">

$(document).ready(function () {
var gameid = 0;

$("div[title=gameid]").dialog({
title: gameid,
autoOpen: false,
resizable: false,
modal: true,
buttons: {
"确定": function () {
$(this).dialog("close");
},
"取消": function () {
$(this).dialog("close");
}
}
});

$(":button").click(function () {
gameid = $(this).val();
$("div[title=gameid]").dialog("open");
});
});
</script>

Answer 1

有两种方法：
第一种：
把$(":button").click(function () {
gameid = $(this).val();
$("div[title=gameid]").dialog("open");
});
改成一个函数设置函数的参数，在按钮的单击的时候把Model的值传递过去。
第二种：在button标签中添加一个属性，把Model的值绑定到这个属性上，然后在单击事件中获取这个属性的值就行了。

追问

能给个实例吗？谢谢

追答

@model MvcApplication2.Models.LogOnModel

方法一：

方法二：

用户名：

$("#btn").click(function () {
$("#userName").html($(this).attr("title"));
$("#dialog").dialog('open');
});

function MessageBox(msg) {
$("#userName").html(msg);
$("#dialog").dialog('open');
}

追问

我自己弄好了，谢谢