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");

話不多說，上效果

這裏是說列名的寫法，所以關於後臺加載的數據我就打碼了