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

话不多说，上效果

这里是说列名的写法，所以关于后台加载的数据我就打码了