Jquery Grid行保留在编辑的表单中,调用saveRow事件并单击另一行

时间:2013-08-06 15:27:37

标签: jquery-plugins jqgrid

我有一个在jquery对话框中加载的网格。我在onSelectRow事件中完成了行编辑和行保存。编辑并保存行然后单击另一行时,上一行仍保留在编辑的表单中。我无法保存和删除已编辑的表单。

我想要加载网格的表的ID是MultiCount。

我在一个函数bindShapesGrid()中绑定了网格,下面是代码。 我已经硬编码了XML String并将其用作数据。

function bindShapesgrid(){

        var xmlstring = "<root><rows><row><cell>Shortnamevalue</cell><cell>does not equal</cell><cell>and</cell><cell>sad</cell><cell></cell><cell></cell></row><row><cell></cell><cell></cell><cell></cell><cell></cell><cell></cell><cell></cell></row></rows></root>"
        var lastsel2;

        jQuery("#MultiCount").jqGrid({
            datatype: 'xmlstring',
            datastr: xmlstring,
            colNames: ['ShortName', 'Operand 1', 'Value 1', 'AndOr', 'Operand 2', 'Value 2'],
            colModel: [{ name: 'ShortName', index: 'ShortName', align: 'center', width: 80, editable: true, edittype: "select" },
                      { name: 'Operand1', index: 'Operand1', align: 'center', width: 90, editable: true, edittype: "select", editoptions: { value: RetrievegridOperandList() } },
                      { name: 'Value1', index: 'Value1', align: 'center', width: 40, editable: true },
                      { name: 'AndOr', index: 'Refer', align: 'center', width: 80, editable: true, edittype: "select", editoptions: { value: "AND:And;OR:Or" } },
                      { name: 'Operand2', index: 'Operand2', align: 'center', width: 80, edittype: "select", editable: true, editoptions: { value: RetrievegridOperandList() } },
                      { name: 'Value2', index: 'Value2', align: 'center', width: 40, editable: true }],

            root: 'rows',
            row: 'row',


            celledit: true,
            sortname: 'ShortName',
            sortorder: 'asc',
            viewrecords: true,
            gridview: true,
            height: "100%",
            rowNum: 10,



            onSelectRow: function (id) {

                          if (id && id !== lastsel2) {

                         jQuery('#MultiCount').jqGrid('editRow', id, true);
                         jQuery("#MultiCount").jqGrid('saveRow', lastsel2, true);

                          lastsel2 = id;
                                }
                            }

                  });

            }

0 个答案:

没有答案