码迷,mamicode.com
首页 > Web开发 > 详细

MiniUI DataGrid新增数据 - MVC

时间:2015-10-22 21:07:08      阅读:809      评论:0      收藏:0      [点我收藏+]

标签:

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。

 

MiniUI DataGrid新增数据 - MVC

标签:

原文地址:http://www.cnblogs.com/kingboat/p/4902726.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!