对话框内的 jsgrid 字段 "required" 不起作用

Question

我想将 name: "Name" 的字段设置为 required 并且我根据 jsgrid 文档（http://js-grid.com/docs/#grid-fields）插入了：validate: "required" 但它不起作用.

在我的以下代码中为 jsgrid 字段插入 validate: "required" 时：Name jsgrid 没有采用所需的限制并插入块！！我几乎可以肯定，我将网格包含在对话框中这一事实会造成问题，因为 validate 是一个可以在对话框和 jsgrid 中定义的参数。

这是带对话框的代码，我在其中成功地在对话框中显示了我的网格，但我无法通过验证："required"。我也上传了截图Grid inside dialog :

$( "#DataGrid" ).dialog({minWidth: 1000, minHeight: 500});
            $("#DataGrid").jsGrid({
                    height: "100%",
                    width: "70%",
                    filtering: true,
                    editing: true,
                    inserting: true,
                    sorting: true,
                    paging: true,
                    autoload: true,
                    pageSize: 15,
                    pageButtonCount: 5,
                    datatype: "json",
                    deleteConfirm: "Do you really want to delete the client?",
                    controller: db,
                    fields: [
                        { name: "Id", align: "center", width: 45 },
                        { name: "Name", validate:"required," align: "center", type: "text", width: 45 },
                        { name: "Displayed Name(locale)", align: "center", type: "text", width: 40 },
                        { name: "Data Type", align: "center", type: "select", items: db.dataType, valueField: "Id", textField: "Name", width: 40 },
                        { name: "Initial Value", align: "center", type: "text", width: 40 },
                        { name: "Initial State", align: "center", type: "select", items: db.initialState, valueField: "Id", textField: "Name", width: 50 },
                        { name: "Worklist Order", align: "center", type: "number", width: 20 },
                        { name: "DB Datatype", align: "center", type: "text", width: 25 },
                        { name: "Allowed Values JSON", align: "center", type: "text", width: 20 },
                        { name: "Allowed Values SQL", align: "center", type: "text", width: 20 },
                        { type: "control", width: 25 }
                    ]

            });

我尝试了没有对话框的 jsgrid 代码，它可以工作，但它在对话框中如何工作？这段没有对话框的代码有效：

 $("#DataGrid").jsGrid({
                height: "100%",
                width: "70%",
                filtering: true,
                editing: true,
                inserting: true,
                sorting: true,
                paging: true,
                autoload: true,
                pageSize: 15,
                pageButtonCount: 5,
                datatype: "json",
                deleteConfirm: "Do you really want to delete the client?",
                controller: db,
                fields: [
                    { name: "Id", align: "center", width: 45 },
                    { name: "Name", validate:"required", align: "center", type: "text", width: 45 },
                    { name: "Displayed Name(locale)", align: "center", type: "text", width: 40 },
                    { name: "Data Type", align: "center", type: "select", items: db.dataType, valueField: "Id", textField: "Name", width: 40 },
                    { name: "Initial Value", align: "center", type: "text", width: 40 },
                    { name: "Initial State", align: "center", type: "select", items: db.initialState, valueField: "Id", textField: "Name", width: 50 },
                    { name: "Worklist Order", align: "center", type: "number", width: 20 },
                    { name: "DB Datatype", align: "center", type: "text", width: 25 },
                    { name: "Allowed Values JSON", align: "center", type: "text", width: 20 },
                    { name: "Allowed Values SQL", align: "center", type: "text", width: 20 },
                    { type: "control", width: 25 }
                ]

        });

有什么想法吗？这是一个复杂的问题。

Answer 1

好的，感谢@tabalin 的帮助，我解决了这个问题。我少了一个 jsgrid 存档。现在它就像一个魅力！

对话框内的 jsgrid 字段 "required" 不起作用

jsgrid field "required" inside dialog doesn't work

javascript

validation

dialog

field

jsgrid