DataGrid新增行數據

本文將介紹一下，如何通過Jquery MiniUI來添加Datagrid一行。

1.效果展示：

---

 

　　　　　　　　　　　　　↓

2.具體代碼：

---

 

    <script type="text/javascript">
        mini.parse();
        var grid = mini.get("divDatagrid");
        grid.load();

        function addDatarow() {
            var row = { "text": "新增內容" };
            grid.addRow(row, 0);
            grid.beginEditCell(row, "TextName");
        }
    </script>

 

    <div id="divContent">
        <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">
            <div property="columns">
                <div type="checkcolumn" headeralign="center"></div>
                <div type="indexcolumn" headeralign="center">序號</div>
                <div field="text" name="TextName" headeralign="center">
                 類型<input property="editor" class="mini-textbox" style="width:100%;" minwidth="100" />
                </div>
            </div>
        </div>
    </div>                

 

3.簡要說明：

---

1>實現新增一條數據，在需要輸入文本的地方自動獲得焦點的效果如上代碼。

2>有一些不知道的東西，還是要多看多寫一些官網的Demo。