jqgrid - 关闭表单对话框 [英] jqgrid - close form dialog

问题描述

我正在使用jqgrid 4.3.1，我正在使用本地数据进行表单编辑。问题是添加或编辑后表单没有关闭。这是我的代码。

I am using jqgrid 4.3.1 and I am using form editing with local data. The problem is the form does not close after adding or editing. Here is my code.

                  $('#studentset').jqGrid({
                      data: mydata,
                      datatype: "local",
                      colNames:['id','First Name', 'Last Name'], 
                      colModel:[ 
                                   {name:'id',index:'id', width:60}, 
                                   {name:'firstName',index:'fName', width:300, editable:true},
                                   {name:'lastName',index:'lastName', width:300, editable:true}
                      ],
                      pager: '#pager',
                      rowNum: 10,
                      rowList: [5, 10, 20],
                      sortname: 'id',
                      sortorder: 'asc',
                      viewrecords: true,
                      height: "80%",
                      caption: "Students to be Registered",
                      editurl: corpUrl
                  });
                  $('#studentset').jqGrid('navGrid', '#pager', { add: true, edit: true, del: false, search: false, refresh: false },
                            {
                                recreateForm: true,
                                closeAfterEdit: true,
                                modal:true,
                                afterSubmit: function(data){
                                    var myObject = eval('(' + data.responseText + ')');
                                    $('#studentset').setGridParam({data: myObject}).trigger("reloadGrid");
                                }
                            },
                            {
                                recreateForm: true,
                                closeAfterAdd: true,
                                modal:true,                 
                                afterSubmit: function(data){
                                    var myObject = eval('(' + data.responseText + ')');
                                    $('#studentset').setGridParam({data: myObject}).trigger("reloadGrid");
                                }
                            },
                            {},{},{}      
                    );  

请注意，我在navGrid的编辑和添加选项中指定了相关选项。 closeAfterAdd：true，和 closeAfterEdit：true 。但模态形式只是拒绝接近。我不确定这个版本的jqgrid中是否存在错误。

Notice in the edit and add options of the navGrid I have specified the relevant options. closeAfterAdd: true, and closeAfter true. But the modal form simply refuses to close. I am not sure if its a bug in this version of jqgrid.

有人可以提供一些指导吗？可能是，如何手动关闭对话框？

Can someone please offer some guidance? May be, how to close the dialog manually?

推荐答案

好吧这样它的逻辑，只需触发对话框关闭按钮的click事件像这样。您将使用fire bug找到span标记的ID。

Ok so its logical, simply trigger the click event of the dialog close button like this. You will find the ID of the span tag using fire bug.

                  $('#studentset').jqGrid('navGrid', '#pager', { add: true, edit: true, del: false, search: false, refresh: false },
                            {
                                modal:true,
                                jqModal: true,
                                afterSubmit: function(data){
                                    var myObject = eval('(' + data.responseText + ')');
                                    $('#studentset').setGridParam({data: myObject}).trigger("reloadGrid");
                                    $(".ui-icon-closethick").trigger('click');
                                }
                            },
                            {
                                modal:true,
                                jqModal: true,
                                afterSubmit: function(data){
                                    var myObject = eval('(' + data.responseText + ')');
                                    $('#studentset').setGridParam({data: myObject}).trigger("reloadGrid");
                                    $(".ui-icon-closethick").trigger('click');
                                }
                            },
                            {},{},{}      
                    );  

希望有人从中受益。

这篇关于jqgrid - 关闭表单对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！