代码改变世界

mvc4+easyui+JSON 绑定datagrid

2014-10-07 01:07  robinli  阅读(380)  评论(0)    收藏  举报
前台:
<script language="javascript" type="text/javascript">
    var jsdata = '@Html.Raw(ViewBag.GoodsInfo)';
    var data = $.parseJSON(jsdata);
    $('#dgGoodsInfoDetail').datagrid({
        columns: [[{ field: 'Package', title: '件数', width: 60, align: 'center' },
        { field: 'GoodsName', title: '申报品名', width: 200, align: 'center' },
        { field: 'QTY', title: '申报数量', width: 60, align: 'center' },
        { field: 'HSCode', title: '货物编码', width: 80, align: 'center' },
        { field: 'UnitValue', title: '单价', width: 80, align: 'center' },
        { field: 'TotalValue', title: '申报价值', width: 80, align: 'center' },
        { field: 'Currency', title: '币种', width: 60, align: 'center' },]],
        singleSelect: "true",
        method: "get",
        collapsible: "true",
        striped: "true",
        rownumbers: "true"
    });
    $('#dgGoodsInfoDetail').datagrid("loadData", data); //将数据绑定到DataGrid中  
</script>
<table id="dgGoodsInfoDetail" style="width800pxheight205px">
</table>


后台:

var list = DataTable;
var total = list.Rows.Count;
var result = JsonConvert.SerializeObject(list, new DataTableConverter());
result = "{\"total\":" + total.ToString() + ",\"rows\":" + result + "}";
ViewBag.GoodsInfo = result;