easyui是一個(gè)非常方便的JavaScript框架,提供了很多的UI組件,同時(shí)也支持使用json數(shù)據(jù)來(lái)進(jìn)行配置。
使用easyui json配置的優(yōu)點(diǎn)在于,可以在數(shù)據(jù)中配置組件的屬性,避免了在HTML文檔中添加很多的屬性,同時(shí)也能夠更好的管理和維護(hù)代碼。
//以datagrid為例,以下是一個(gè)使用json數(shù)據(jù)配置datagrid的示例: $('#dg').datagrid({ url:'datagrid_data.json', //數(shù)據(jù)來(lái)源 columns:[[ //datagrid的列 {field:'code',title:'Code',width:100}, {field:'name',title:'Name',width:200}, {field:'price',title:'Price',width:100,align:'right'} ]] });
在上面的代碼中,我們使用了datagrid組件,并將其綁定到id為“dg”的元素上。其中,url屬性定義了datagrid需要加載的數(shù)據(jù)來(lái)源,columns屬性則是定義datagrid的列和各列的屬性。
此外,還可以在json數(shù)據(jù)中定義更多的組件屬性,如樣式、事件等,具體可以參考easyui文檔。