色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

datagrid加載json數據

錢琪琛1年前9瀏覽0評論

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數據了。