EasyUI是一種便捷易用的JavaScript框架,它提供了一個基于jQuery的用戶界面庫。相較于純粹使用jQuery來開發用戶界面,EasyUI提供了更加簡單和快速的方式來實現各種UI組件的創建。其中,使用JSON對象來配置EasyUI組件是非常常見的一種方式。
那么,EasyUI的JSON字符串具體在哪里呢?其實很簡單,EasyUI可以通過幾種方式來獲取JSON對象:
//方法一:構造JSON對象 var options = { url: 'test.do', columns:[[ {field:'id',title:'ID',width:100}, {field:'name',title:'Name',width:100}, {field:'price',title:'Price',width:100,align:'right'} ]] }; //方法二:使用JavaScript函數創建JSON對象 var $dg = $('#dg'); $dg.datagrid({ url: 'test.do', columns:getColumns() }); function getColumns(){ var columns = [[ {field:'id',title:'ID',width:100}, {field:'name',title:'Name',width:100}, {field:'price',title:'Price',width:100,align:'right'} ]]; return columns; } //方法三:通過Ajax請求從服務器獲取JSON對象 var $dg = $('#dg'); $dg.datagrid({ url: 'get_data.do', queryParams: {}, onLoadSuccess:function(data){ $dg.datagrid('loadData', data); } });
以上就是EasyUI使用JSON對象所在的位置,可以使用構造JSON對象、使用JavaScript函數創建JSON對象、通過Ajax請求從服務器獲取JSON對象這幾種方式來獲取JSON對象。現在,你可以在你的EasyUI項目中嘗試使用這些方法來配置各種UI組件了!
上一篇python 流寫入文件
下一篇vue全家桶代碼