2016-11-25 64 views
0

值如何在jqGrid的如何顯示在jqGrid的

我JS網格中顯示的鍵值對的值,

var source = { 
    localdata: vm.courseApplications, 
    datatype: 'array', 
    datafields: 
      [ 
       { 
       name: 'course.course_specialization.value', 
       type: 'string' 
       }, 
       { 
       name: 'subject_category', 
       type: 'string' 
       }, 

      ], 
    id: '_id' 
    }; 
    $scope.display_rows = vm.courseApplications.length; 
    var dataAdapter = new $.jqx.dataAdapter(source); 

    columns: [ 
     { 
     text: '', sortable: false, filterable: false, editable: false, 
     groupable: false, draggable: false, resizable: false, 
     datafield: '', columntype: 'number', width: 50, 
     cellsrenderer: function (row, column, value) { 
      return '<div class="jqxgridmargintop text-center">' + (value + 1) + '</div>'; 
     } 
     }, 
     { 
     text: 'Course Specialization', 
     datafield: 'course.course_specialization.value', 
     groupable: true, 
     editable: false, 
     cellsrenderer: vm.courseApplicationIdRender 
     }, { 
     text: 'Subject Category', 
     datafield: 'subject_category.value', 
     width: '10%', 
     groupable: false, 
     editable: false 
     }, 
    ], 

,我沒有得到在網格中顯示的任何值(顯示爲空值)。任何人都可以請建議help.Thanks。

+1

u能顯示你想如何顯示 –

回答

0

您可以使用colModel中的jsonmap屬性。確切的實現可能取決於您在jqGrid中使用的datatype以及jqGrid的版本和分支。演示https://jsfiddle.net/OlegKi/vm1b132m/使用免費的jqGrid 4.13.5。它使用以下選項:

data: mydata.details, 
localReader: { id: "_id" }, 
colModel: [ 
    { name: "course_specialization", label: "Course", width: 200, 
     jsonmap: "course.course_specialization.value" }, 
    { name: "award", label: "Award", width: 120, 
     jsonmap: "course.award.value" }, 
    { name: "country", label: "Country", width: 100, 
     jsonmap: "course.country.value" }, 
] 
+0

奧列格您好,我得到這個錯誤「angular.js:13920無效的屬性:colModel'」 – MMR

+0

@nlr_p:抱歉,該代碼,您發佈的內容與jqGrid沒有任何關係。 [舊答案](http://stackoverflow.com/a/29525862/315935)提供了一個使用Angular 1和jqGrid的例子,但是你可能需要使用* another * grid。 – Oleg