MVC3 + jQuery UI Dialog 经验一则
最近在写BS结构的程序，使用ASP.NET + MVC + MySQL + jQuery DataTable
结合DataTable,实现CRUD再添加的时候思路如下，在DataTable上添加一个添加按钮然后获得界面显示添加对话框。
MVC Control
public ActionResult Create()
{
return PartialView();
}
MVC View
@model NetworkGrain.Models.Action
<div id="create">
<form method="post" action="">
<dl>
<dt>编号:</dt>
<dd><input id="A_ID" name="A_ID" type="text" /></dd>
<dt>标题:</dt>
<dd><input id="A_Caption" name="A_Caption" type="password" /></dd>
<dt>控制器:</dt>
<dd><input id="A_Control" name="A_Control" type="text" /></dd>
<dt>父编号:</dt>
<dd><input id="P_ID" name="P_ID" type="text" /></dd>
<dt>停用:</dt>
<dd><input id="A_Status" name="A_Status" type="checkbox" /></dd>
<dt>说明:</dt>
<dd><input id="A_Comment" name="A_Comment" type="text" /></dd>
<dt><input type="submit" value="创建" /></dt>
<dd>@Html.ValidationSummary(true, "创建失败,请更正错误并重试。")</dd>
</dl>
</form>
</div>
javascript代码如下
function AddFunction() {
$.ajax({
type: "GET",
url: "/Action/Create",
cache: false,
global: false, //屏蔽全局事件,防止启动BlockUI
success: function (data) {
var dlg = $(data);
dlg.dialog({
title: "添加权限",
modal: true,
buttons: {
"确定": function () {
},
"关闭": function () {
$(this).dialog("close");
}
}
});
}
});
return false;
}
下面说问题，最开始view的代码里面有一句
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script> 导入验证插件发现问题：
显示对话框没有任何影响，但是关闭的时候得点击三次关闭按钮才能将这个对画框关闭。将<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>去掉ok。
在这里添加的原因，只有添加的时候采用到这个插件。因此想在这里添加引用。不知道有没有这个必要或者有其他的好方法！请大家赐教！