DataGrid新增行数据
本文将介绍一下,如何通过Jquery MiniUI来添加Datagrid一行。
1.效果展示:
↓
2.具体代码:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 <script type="text/javascript"> 2 mini.parse(); 3 var grid = mini.get("divDatagrid"); 4 grid.load(); 5 6 function addDatarow() { 7 var row = { "text": "新增内容" }; 8 grid.addRow(row, 0); 9 grid.beginEditCell(row, "TextName"); 10 } 11 </script>
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 <div id="divContent"> 2 <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"> 3 <div property="columns"> 4 <div type="checkcolumn" headeralign="center"></div> 5 <div type="indexcolumn" headeralign="center">序号</div> 6 <div field="text" name="TextName" headeralign="center"> 7 类型<input property="editor" class="mini-textbox" style="width:100%;" minwidth="100" /> 8 </div> 9 </div> 10 </div> 11 </div>
3.简要说明:
1>实现新增一条数据,在需要输入文本的地方自动获得焦点的效果如上代码。
2>有一些不知道的东西,还是要多看多写一些官网的Demo。
有你的一天,更美好!
转载请注明出处,http://www.cnblogs.com/kingboat