AngularJS ui-grid:如何选择要在tabe中显示的数据中的属性集

时间:2015-08-31 05:19:57

标签: angularjs angular-ui-grid

我正在尝试使用ui-grid来显示来自ajax调用的数据。 从调用返回的数据有许多属性。但我需要在ui-grid中显示特定属性。怎么做。

1 个答案:

答案 0 :(得分:0)

例如ajax调用返回属性

  var resp = {
"Status":true,
"Msg":"",
"SendTran":[{
"Document_Gid":"XXXX",
"DocumentId":"XXX",
"DocumentType_Name": "XXX",
"Created_Date":"XXXX",
"Verification_Status":"XXX"
}]
};

resp是ajax返回值。这有多个属性,我们只需要 SendTran 属性来绑定网格。

var data = [];
$scope.sendtranscripts = {
        paginationPageSizes: [10, 25, 50, 75],
        paginationPageSize: 20,
        showGridFooter: true,
        showColumnFooter: true,
        enableFiltering: true,
        enableGridMenu: true,
        enableRowSelection: true,
        enableSelectAll: false,
        selectionRowHeaderWidth: 35,

        columnDefs: [         
            {
                field: 'DocumentId', width: '20%', displayName: 'Document ID', cellTooltip: true, headerTooltip: true
            },
            {
                field: 'DocumentType_Name', width: '40%', displayName: 'Document Name'
            },
            {
                field: 'Verification_Status', width: '20%', displayName: 'Document Status'
            },
            {
                field: 'Created_Date', width: '20%', displayName: 'Created Date'
            }

        ],
        data: data
};
$scope.sendtranscripts.data = resp.data.SendTran;