DataGrid新增行数据

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

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

1.效果展示:

↓

2.具体代码:

1<script type="text/javascript">2mini.parse();3vargrid = mini.get("divDatagrid");4grid.load();56functionaddDatarow() {7varrow = { "text": "新增内容"};8grid.addRow(row, 0);9grid.beginEditCell(row, "TextName");10}11</script>

Script

1<divid="divContent">2<divid="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<divPRoperty="columns">4<divtype="checkcolumn"headeralign="center"></div>5<divtype="indexcolumn"headeralign="center">序号</div>6<divfield="text"name="TextName"headeralign="center">7类型<inputproperty="editor"class="mini-textbox"style="width:100%;"minwidth="100"/>8</div>9</div>10</div>11</div>

Html

3.简要说明:

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

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

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航