在jqGrid中,您可以双击一行以显示编辑表单吗?

时间:2011-02-13 05:34:31

标签: jquery jqgrid

In this demo of jqGrid,当您点击“编辑所选行”按钮时:

enter image description here

它会显示一个编辑表单。

enter image description here

有没有办法双击网格中的一行来显示同一个编辑表单?

4 个答案:

答案 0 :(得分:34)

它可以非常简单地实现为

ondblClickRow: function(rowid) {
    jQuery(this).jqGrid('editGridRow', rowid);
}

您还可以使用文档中描述的editGridRow的任何其他属性。例如

ondblClickRow: function(rowid) {
    jQuery(this).jqGrid('editGridRow', rowid,
                        {recreateForm:true,closeAfterEdit:true,
                         closeOnEscape:true,reloadAfterSubmit:false});
}

答案 1 :(得分:2)

简单方法

ondblClickRow : function(rowid) {
    $("#edit_mygridId").trigger("click");
}

答案 2 :(得分:0)

答案 3 :(得分:0)

在我的代码中,ondblClickRow稍微复杂一点,它从表单获取数据并在提交之前更改了变量,还在发布之前添加了变量。

ondblClickRow: function(rowid) {
jQuery(this).jqGrid('editGridRow', rowid,
{
recreateForm:true,
closeAfterEdit:true,
closeOnEscape:true,
reloadAfterSubmit:true,
url:"proc/jqgridUsers.php",
editCaption : "Edit User",
bottominfo : "Fields (*) are requeired ",
height:330,
width:350,
            beforeSubmit:function(postdata, formid){
            var dataString = $("#formid").serialize();
            var ord1 = document.getElementById('ord1').value;
            var ord2 = document.getElementById('ord2').value;
            var ordx = hex_sha1(hex_md5(document.getElementById('ord1').value));
            postdata.ord1 = ordx;
            postdata.ord2 = "";
            var boolcontrol = false;
            var message="";
                if (ord1!=ord2) {
            return [boolcontrol,"Password are not the same!!"];
                } else {
            boolcontrol = true;
                }
            return [boolcontrol,message]; // no error
 }                                                                                                                      
});
}