DataGrid新增行数据

本文将介绍一下，如何通过Jquery MiniUI来添加Datagrid一行。

1.效果展示：

---

　　　　　　　　　　　　　↓

2.具体代码：

---

     <script type="text/javascript">
         mini.parse();
         var grid = mini.get("divDatagrid");
         grid.load();

         function addDatarow() {
             var row = { "text": "新增内容" };
             grid.addRow(row, 0);
             grid.beginEditCell(row, "TextName");
         }
     </script>

Script

     <div id="divContent">
         <div id="divDatagrid" class="mini-datagrid" style="width: 100%;text-align:left" url="~/data.txt" idfield="id" allowresize="true" allowcelledit="true" allowcellselect="true" multiselect="true" showpager="false">
             <div property="columns">
                 <div type="checkcolumn" headeralign="center"></div>
                 <div type="indexcolumn" headeralign="center">序号</div>
                 <div field="text" name="TextName" headeralign="center">
                  类型<input property="editor" class="mini-textbox" style="width:100%;" minwidth="100" />
                 </div>
             </div>
         </div>
     </div>                

Html

3.简要说明：

---

1>实现新增一条数据，在需要输入文本的地方自动获得焦点的效果如上代码。

2>有一些不知道的东西，还是要多看多写一些官网的Demo。