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