Easyui06 datagrid组件

<table id="dg"></table> 

$("#dg").datagrid({
url:"${pageContext.request.contextPath}/page",    
      columns:[[    
        {field:'pid',title:'id',width:100},    
        {field:'pname',title:'商品名',width:100},    
        {field:'shop_price',
        title:'商城价格',
        width:100,
        formatter:function(value,row,index){
        return value;
        }},
        {field:'pimage',
         title:'图片展示',
         width:100,
         height:240,
         formatter:function(value,row,index){
        //return value
        //return row.img
        return "<img src='/day41/"+value+"'>"
         }
         },
         {
        field:'xxx',
        title:'工具栏',
        width:100,
        formatter:function(value,row,index){
        return "<a href='javascript:;'>编辑</a>|<a href='javascript:;'>删除</a>";
        }
         }
    ]],
    fit:true,
    fitColumns:true,
    pagination:true

})

fit 自适应父节点

fitColumns 将列按比例进行自适应

pagination 添加分页,会向uri发送两个参数当前页page和显示行数rows

fomatter :格式化数据显示.return 之后的结果会显示到页面上.有3个参数value,row,index.

value 字段的源值 

row 当前行对象,可以取出当前行的所有信息

index 当前行的索引,从0开始