你的位置:首页 > Java教程

[Java教程]MiniUI DataGrid新增数据


1.效果展示:


 

             ↓

2.具体代码:


 

 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>

Script

 

 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>        

Html

 

3.简要说明:


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

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