datagrid是一種常見的數據表格控件,可以用于展示各種數 據。在使用datagrid時,我們通常需要將數據以json格式加載,下面就介紹一下如何使用datagrid加載json數據。
// 以下是一個json數據示例 var data = [ { "name": "張三", "age": 18, "gender": "男" }, { "name": "李四", "age": 20, "gender": "女" }, { "name": "王五", "age": 22, "gender": "男" } ]; // 創建datagrid并設置列 $('#dg').datagrid({ columns:[[ {field:'name',title:'姓名',width:100}, {field:'age',title:'年齡',width:100}, {field:'gender',title:'性別',width:100} ]] }); // 加載json數據 $('#dg').datagrid('loadData',data);
以上代碼中,我們使用datagrid的loadData方法加載了json數據。首先,我們需要將數據以json格式存儲到一個變量中,這個變量可以是從后臺獲取的數據或手動定義的。
接著,我們通過jquery的datagrid插件中的datagrid()方法來創建一個datagrid,然后使用columns屬性來設置表頭。在這個例子中,我們設置了三列:姓名、年齡、性別。
最后,通過datagrid的loadData方法來將數據加載到表格中。
通過這種方式,我們就可以方便地使用datagrid加載json數據了。