欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

datagrid加載json數(shù)據(jù)

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

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ù)了。