JavaScript中，easyui的datagrid初始化的模板

$('#grid').datagrid({   //定位到Table标签，Table标签的ID是grid
    //url: getRealPath()+'/xxx/xxx/', //指向后台的Action来获取当前菜单的信息的Json格式的数据
    width:'100%',
    height:'100%',
    fit: false,
    nowrap: true,
    /*autoRowHeight: false,*/
    striped: true,
    singleSelect: true,  //只允许选中一行
    collapsible: true,
    rownumbers: true,
    sortName: 'xxx',    //根据某个字段给easyUI排序
    sortOrder: 'asc',
    remoteSort: false,
    idField: 'xxx',     //ID字段
    //queryParams: queryData,  //异步查询的参数
    columns: [[
        { title: '表格字段显示名', field: '字段所对应JavaBean的属性名', width: '18%' , align: 'left', halign: 'center'},  //align:为表格内数据的对齐方式
                                   //halign:为字段名的对齐方式
        { title: '表格字段显示名', field: '字段所对应JavaBean的属性名', width: '15%' , align: 'right', halign: 'center',
                //设置该字段值显示小数点后几位（记得改2处：2 and '0.00'）
                formatter:function(value,rowData,rowIndex){
                    if(value!=null){
                        return (parseFloat(value).toFixed(2) + '').replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,');
                    }else {
                        return "0.00";
                    }}},
        {
            title: '图片', field: 'image', width: '47%', align: 'center',halign:'center',
            //显示图片标签
            formatter: function (value, row, index) {
                var str = "";
                str += "<span><img src='";
                str += getRealPath();
                str += row.assetphotourl;
                str += "' alt='无' width='200' height='150' disabled/></span>";
                return str;
            }
        },
        {
            title: '操作', field: 'opt', width: '10%', align: 'center', halign: 'center',
            //显示超链接按钮    
            formatter: function (value, row, index) {
                var str = "";
                var suburl = row.assetphotourl.toString().split("\\");
                var url = "";
                for(var i = 0;i<suburl.length;i++){
                    url += suburl[i]
                    url += "/";
                }
                url = url.substring(0,url.length-1);
                str += '<span><a href="#" class="easyui-linkbutton" style="text-decoration: none;color:blue;" onclick="UpdateAssetPhotosRemarks(\'' + row.assetPhotosId +'\',\'' + row.assetnum +'\')">修改</a></span><br/><br/>';
                str += '<span><a href="#" class="easyui-linkbutton" style="text-decoration: none;color:blue;" onclick="DeleteAssetPhotos(\'' + row.assetnum +'\',\''+url + '\')">删除</a></span>';
                return str;
            }
        }

    ]],
    toolbar:'#tb',   //工具栏
     onDblClickRow : function (rowIndex, rowData) {  //双击进入下一级事件
         //rowIndex:点击那一行的索引
         //rowData:点击哪一行的数据
    }
});