MiniUI DataGrid怎么在表格中显示控件，CellEdit 单元格编辑

MIniUI作为一款并不是很有名的UI框架，相对与其它UI自然有其特点，可能是官方宣传不到位，所以遇到很多问题的时候，在他们的论坛或者一些技术论坛上根本找不到相关的问题解决方案，所以我会不定时的发布一些在论坛上找不到解决方案，可能不是很精通，但是看看也无妨，万一有用呢

如何在 DataGrid表格中显示控件

如图所示，

直接上代码

HTML代码

 <div id="datagrid1ss" class="mini-datagrid" style="width:100%;height:160px;  "
       url="/dome/getdate" idField="id"
       showPager="false" 
       allowCellSelect="true"
       multiSelect="true"
       allowCellValid="true" 
       oncellvalidation="onCellValidation">
      <div property="columns">
          <div field="aaaa" width="10%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord">   票据种类     </div>
          <div field="bbbb" width="12%" renderer="onGenderRenderer" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 单据编号 </div>
          <div field="ccccc" width="6%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 是否追加 </div>
          <div field="dddd" width="8%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord">  印装数量 </div>
          <div field="eeee" width="12%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord" dateFormat="yyyy-MM-dd"> 制单日期 </div>
          <div field="aaase" width="10%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 单据状态 </div>
          <div field="aada" width="10%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 本单印装费用 </div>
          <div field="dadasd" width="6%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 是否竞价 </div>
          <div field="adada" width="6%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord">  有无调整 </div>
          <div field="adadad" width="10%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord">   核定数量   <input property="editor" class="mini-textbox" visible="true" style="width:100%;border:1px solid #000000" />  </div>
          <div field="adadda" width="10%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord">  核定金额 <input property="editor" class="mini-textbox" style="width:100%; border:1px solid #000000" />
          </div> 
      </div>
  </div>

JS代码

  var grid2 = mini.get("datagrid1ss");
 grid2.load() //必须要先加载数据 
 grid2.on("update", function (e) { 
     var gridkes = mini.get("datagrid1ss");
     var row = gridkes.data;
     if (row.length > 0) {
         for (var i = 0; i < row.length; i++) {
             gridkes.beginEditRow(i);//开始行编辑模式
         }
     };
 });