jQuery MiniUI

标题: Grid新增多行后，只能编辑最后一行 [打印本页]

作者: qiceweip 时间: 2012-11-7 11:30:07 标题: Grid新增多行后，只能编辑最后一行

本帖最后由 qiceweip 于 2012-11-7 11:32 编辑

描述：    新增多行后只能编辑最后一行，不能对以前的数据行进行编辑。

代码：
   <div id="grd_Query" class="mini-datagrid" style="width: 100%; height: 120px;" borderstyle="border:0;"
            showfooter="false" allowcelledit="true" allowcellselect="true" idfield="grd_ID_Query">
            <div property="columns">
                  <div field="grd_ID_Query" width="60px" headeralign="center">
                     ID
                     <input property="editor" class="mini-textbox" style="width: 100%;" />
                  </div>
                  <div field="grd_Name_Query" width="80px" headeralign="center">
                     名称
                     <input property="editor" class="mini-textbox" style="width: 100%;" />
                  </div>
                  <div type="comboboxcolumn" width="80px" autoshowpopup="true" field="grd_ControlType_Query"
                     align="center" headeralign="center">
                     控件类型
                     <input property="editor" class="mini-combobox" style="width: 100%;" data="_Query_ControlTypes" />
                  </div>
                  <div field="grd_InputTitle_Query" width="80px" headeralign="center">
                     输入提示
                     <input property="editor" class="mini-textbox" style="width: 100%;" />
                  </div>
                  <div field="grd_Width_Query" width="80px" headeralign="center">
                     宽度(px)
                     <input property="editor" class="mini-textbox" style="width: 100%;" />
                  </div>
            </div>
         </div>

  //*********查询条件**************
      var _Grd_Query = mini.get("grd_Query");
      var _Grd_Data = [{grd_ID_Query: "", grd_Name_Query: "2", grd_ControlType_Query: 1, grd_InputTitle_Query: "3", grd_Width_Query: 100 }];

      //***新增
      function btnAdd_Query_Click() {
         //var newRow = [{ name: "New Row" }];
         //***得到当前总行数
         var mRowCount = _Grd_Query.data.length
         //***添加到最后一行
         //***添加空行成功，添加的多行都可编辑
         // _Grd_Query.addRows(newRow, mRowCount);
         //***添加空行成功，但只能编辑最后一次添加的行，以前的不能再编辑
         _Grd_Query.addRows(_Grd_Data, mRowCount);
      }

作者: factory 时间: 2012-11-7 14:19:15

var mRowCount = _Grd_Query.data.length;
这个用法是错误的,应该是
var mRowCount = _Grd_Query.getData().length;
所有属性设置跟获取都必须用set跟get;

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)