本文将介绍一下,如何通过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。