分享一个jquery easyui拼接table的例子

 项目中用到jquery easyui，用到了DataGrid拼接table，记录一个例子：

function setProductData(){
    var  rows = $("#commonProductListTable").datagrid("getSelections");
    var proArray = new Array();
    for(var i in rows){
        var a = {
            chk:rows[i]['productId'],
            productCode:rows[i]['productCode'],
            productName:rows[i]['productName'],
            shopName:rows[i]['shopName'],
            categoryName:rows[i]['categoryName'],
            state:rows[i]['state'],
            isVirtual:rows[i]['isVirtual'],
            productType:rows[i]['productType']
        };
        proArray.push(a);
    }

    $("#setdata").datagrid({
        columns:[[
            {field:'chk',checkbox:'true',width:'50'},
            {field:'productCode',title:'商品编号',editor:'text',width:'150'},
            {field:'productName',title:'商品名称',editor:'text',width:'250'},
            {field:'shopName',title:'店铺名称',editor:'text',width:'150'},
            {field:'categoryName',title:'商品分类',editor:'text',width:'180'},
            {field:'state',title:'商品状态',editor:'text',width:'100'},
            {field:'isVirtual',title:'是否为虚拟商品',editor:'text',width:'100'},
            {field:'productType',title:'热门标签',editor:'text',width:'100'}
        ]]
    }).datagrid('loadData',proArray).datagrid('acceptChanges');
}
首先，获取所有选中行，取出其中的属性值拼成新的row，然后在需要显示数据的地方将新的row拼出来。