easyUI数据网格 简写

为什么要简写呢？
在开发中有N多页面且columns field 又很多。简写可以快速复制多个数据网格页面。

正常的写法。

$('#dg').datagrid({
    url:'datagrid_data.json',
    columns:[[
        {field:'code',title:'Code',width:100},
        {field:'name',title:'Name',width:100},
        {field:'price',title:'Price',width:100,align:'right'}
    ]]
});

简写

//只需要改变的data数据。
var data={

        'hardwareVersion':'硬件版本号',
        'firmwareVersion':'固件版本号',
        'protocalVersion':'协议版本号'        
    }
   //----------下面的代码只需要每个页面复制，或写成基类就ok了------------------------------------- 
      var i=0
        var columnObj=[]
        var myobj={};
        $.each(data,function(key,value){
            myobj={"field":key,"title":value,"sortable":true}
            columnObj.push(myobj);
            //---------个别需要设置formatter的---
            if(key=="protocalVersion"){
                myobj. formatter=function(value,row,index){
                    return value+"号"
                }
            }
            i++;
        })
        $('#dg').datagrid({
            url:'datagrid_data.json',
            columns:[columnObj]
        });