Datagrid是一種展示數據的UI組件,它可以顯示各種類型的數據,比如表格、列表、樹形結構等。而URL和JSON則是datagrid數據的來源,下面將分別介紹它們的作用和使用方法。
URL
$('#datagridId').datagrid({ url:'/data/list', method:'post', queryParams:{}, idField:'id', columns:[[ {field:'id',title:'ID'}, {field:'name',title:'名稱'} ]] });
URL是一種最常見的獲取datagrid數據的方式,一般情況下是從后端獲取數據并展示在datagrid上。
在以上代碼中,我們使用了jQuery EasyUI框架提供的datagrid組件并傳入一些配置參數。其中,url參數是指向后端獲取數據的地址,method參數是請求方式,queryParams參數是請求額外的參數,idField參數是設置唯一標識字段,columns參數是設置要顯示的列。
JSON
var data = { total:3, rows:[ {id:1,name:'張三'}, {id:2,name:'李四'}, {id:3,name:'王五'} ] }; $('#datagridId').datagrid({ data:data, idField:'id', columns:[[ {field:'id',title:'ID'}, {field:'name',title:'名稱'} ]] });
JSON是另一種常見的獲取datagrid數據的方式,一般情況下是從前端代碼中獲取數據并展示在datagrid上。
在以上代碼中,我們使用了一個變量data來存儲數據。其中,total參數是數據總行數,rows參數是數據列表。
接著我們再次使用datagrid組件并傳入data參數代替url參數,將已有的data數據直接渲染到datagrid上。
總結
無論是使用URL還是JSON,都可以實現datagrid數據的獲取和展示,只需要按照參數格式傳遞對應的數據即可。