jqGrid:创建自定义编辑表单

Question

我想在jqGrid中自定义编辑表单,以便我不想使用表格结构化布局,而是使用我自己的自定义css结构布局作为表单元素.我应该如何修改编辑表单以允许我使用自己的自定义外观？

Answer 1

你绝对可以通过jquery ui对话框实现这一点.但是我无法为您提供完整的代码,但可以帮助您完成必须执行的步骤.1设计您的自定义表单,无论您想要应用什么CSS和样式.假设这是你的客户形式

<div id="dialog-div">
    <input type="text">
</div>

2在jquery对话框中打开jqgrid编辑按钮上的对话框

$("#edit").click(function(){
            var rowdata = $("#coolGrid").jqGrid('getGridParam','selrow');
            if(rowdata){
                $("#dialog-div").dialog('open');
                var data = $("#coolGrid").jqGrid('getRowData',rowdata);
                alert(data);
            }
});

默认情况下它会关闭 -

$("#dialog-div").dialog({
            autoOpen: false,
});

现在,当您在变量中获取数据时,您可以根据您的逻辑将您的编辑形式和jquery对话框按钮保存.希望这对你有所帮助.