Datagrid是一種非常常用的數據表格控件,它讓我們可以在網頁上展示數據,并提供了豐富的交互方式。在使用Datagrid的過程中,經常需要通過傳遞JSON數據的方式來初始化表格數據。
//數據源 var data = [ {"id":1, "name":"小明", "age":18}, {"id":2, "name":"小紅", "age":20}, {"id":3, "name":"小剛", "age":22} ]; //初始化Datagrid $('#datagrid').datagrid({ columns:[[ {field:'id',title:'編號'}, {field:'name',title:'姓名'}, {field:'age',title:'年齡'} ]], data:data });
在上面的代碼中,我們先定義了一個JSON格式的數據源,包含了3個數據項。然后,通過調用Datagrid的datagrid方法,傳遞了2個參數:columns和data。
其中,columns參數用于指定表格的列信息,它是一個二維數組,每個子數組表示一行列信息,包含各個列的field、title等屬性。data參數則用于指定表格的數據源,它是一個JSON數組,包含了表格每一行的數據。
通過以上方式,我們就可以非常方便地初始化一個Datagrid表格,并且填充數據顯示在網頁上。