将表单(添加)对话框设置为无模式

时间:2017-12-21 18:10:24

标签: jqgrid free-jqgrid

我使用免费的jqgrid 4-15-3并将guiStyle设置为bootstrap。问题是从navGrid" +"按钮默认为“模型”对话框。我设置了"模型:fasle"在addParms但没有效果。通过设置jquery ui dialog"选项"也无法在afterShowForm中进行更改。使用" model",false。以下是代码段。有哪些可能的解决方案?

$("#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或者有人知道给出一个暗示吗?非常感谢。)

1 个答案:

答案 0 :(得分:0)

您使用的单词 model 不正确 - 在设置和调用对话框函数中将其替换为单词 moda l