datagrid的一種特殊寫法

前言

這種寫法源于在學校做項目時老師的要求，html和js的代碼減少了，因為列名寫在json了

html代碼

<div id="dg_f" class="easyui-datagrid" style="width:100%;position:absolute;" data-options="rownumbers:true,
			toolbar: '#tb',
			singleSelect:true,
			pagination:true,
			showFooter: true">
</div>
           

json代碼（把列名寫在json中）

{
	"columns":[
				{"title":"訂單編号","field":"BILL_NO","width":"120","align":"center"},
				{"title":"訂單類别", "field":"BILL_TYPE","width":100,"align":"center"},
				{"title":"訂單狀态", "field":"STATUS","width":100,"align":"center"},
				{"title":"訂單部門", "field":"DEP_CODE","width":100,"align":"center"},
				{"title":"申購日期", "field":"APPLY_DATE","width":100,"align":"center"},
				{"title":"申請人", "field":"WRITER","width":100,"align":"center"},
				{"title":"總金額", "field":"COST","width":100,"sum": "true","align":"center"}
				]
}
           

js代碼(YD.json是列名所在的json名)

$.get("json/YD.json",
			function(data){		
			$("#dg_f").datagrid({	
				columns:[data.columns]	
			});
		},"json");
           

話不多說，上效果

這裡是說列名的寫法，是以關于背景加載的資料我就打碼了