将表单(添加)对话框设置为无模式
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将表单(添加)对话框设置为无模式相关的知识,希望对你有一定的参考价值。
我正在使用免费的jqgrid 4-15-3,guiStyle设置为bootstrap。问题是默认情况下从navGrid“+”按钮启动的“添加”对话框是“模型”对话框。我在addParms中设置了“model:fasle”但没有效果。通过将jquery ui对话框“选项”设置为“model”,false也无法在afterShowForm中进行更改。以下是代码段。有哪些可能的解决方案?
$("#mygrid").jqGrid("navGrid", "#mygrid_nav", {add:true,...},{},
{ model:false,
afterShowForm: function(form){
$(form).closest(".ui-jqdialog").dialog("option", "model", false);
} }
更新:创建一个简单的测试,如下所示,结果相同:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/Content/jquery-ui.min.css" rel="stylesheet"/>
<link href="/Content/ui.jqgrid.css" rel="stylesheet"/>
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/jquery-ui.min.js"></script>
<script src="/Scripts/jquery.jqgrid.src.js"></script>
<script src="/Scripts/grid.locale-en.js"></script>
</head>
<body>
<div>
<div>
<div>
<table id="tbl_test"></table>
<div id="div_test_pager"></div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$("#tbl_test").jqGrid({
datatype: "local",
colNames: ['Col 1', 'Col 2'],
colModel: [
{ name: 'col1', index: 'col1', editable: true, width: 200 },
{ name: 'col2', editable: true, width: 100 }
],
pager: "#div_test_pager",
height: 200,
caption: "Test"
});
$("#tbl_test").jqGrid("navGrid", "#div_test_pager",
{ edit: false, add: true, del: false, search: false, refresh: false }
/*no difference*/
//,{}, {modal: false}
);
});
</script>
</body>
</html>
感谢任何帮助!
(Oleg或者有人知道给出一个暗示吗?非常感谢。)
答案
您使用的单词模型不正确 - 将其替换为设置和调用对话框函数中的单词模态
以上是关于将表单(添加)对话框设置为无模式的主要内容,如果未能解决你的问题,请参考以下文章