EasyUI DataGridの現在のページ行数を取得し、DataGridはJSONのデータフォーマットを受信する
2081 ワード
var data=$('#name').datagrid('getData');
// total, undefined,datagrid total
alert(' :'+data.total)
alert(' :'+data.rows.length)
JQuery EasyUIを使用すると、コントロールの受信データに悩むことがあります.このとき、公式サイトで対応するコントロールの例を見つけることができます.例えば、
DataGridコントロールが受信するフォーマットは次のとおりです.
{"total":28,"rows":[
{"productid":"FL-DLH-02","attr1":"Adult Female","itemid":"EST-16"},
{"productid":"FL-DLH-02","attr1":"Adult Male","itemid":"EST-17"},
{"productid":"AV-CB-01","attr1":"Adult Male","itemid":"EST-18"}
]}
ここでは括弧で始まり、バックグラウンドから渡されたのはオブジェクト形式のJSONであり、このオブジェクトにはtotalとrowsの2つのフィールドがあり、totalは整数であり、rowsは1つの集合である.Datagridを使用する必要がある場合は、この2つのフィールドを1つのクラスにカプセル化し、このクラスのインスタンスをJSON形式に変換してブラウザに出力する必要があります.easyui-treeコントロールが受信したJSON形式は次のとおりです.
[{
"id":0,
"text":"Foods",
"children":[{
"id":1,
"text":"Fruits",
"children":[{
"id":11,
"text":"apple"
},{
"id":12,
"text":"orange"
}]
},{
"id":2,
"text":"Vegetables",
"state":"closed",
"children":[{
"id":21,
"text":"tomato"
},{
"id":22,
"text":"carrot"
},{
"id":23,
"text":"cabbage"
},{
"id":24,
"text":"potato"
},{
"id":25,
"text":"lettuce"
}]
}]
}]
ここでは中括弧([)で始まり、受信が集合形式のJSON形式であることを示し、バックグラウンドでeasyui-tree受信可能な形式にデータを変換する必要がある場合は、集合タイプのデータを変換する必要がある