如何在JQuery網格列中動態地啓用HTML標籤

Question

我需要在JQuery網格列中動態地啓用HTML標籤。

我該怎麼做。

我的代碼是

 jQuery("#jqgrid").jqGrid({ 
     data: $scope.jqgrid_data, 
     datatype: "local", 
     height: 'auto', 
     sortable: false, 
     width: '900', 
     colModel: $scope.ColDefinations, 
     viewsortcols: [true, 'vertical', true], 
     rowNum: $scope.pageSize, 
     pager: '#pager_jqgrid', 
     sortname: 'Student Name', 
     toolbarfilter: true, 
     viewrecords: true, 
     sortorder: "asc", 
     multiselect: false, 
     autowidth: false, 
     autoencode: true, 
     gridview: true, 
     rownumbers: true, 
     shrinkToFit: false, 
     forceFit: true, 
     loadonce: false, 
     pgbuttons: false, 
    }); 

這樣

jQuery(".jqg-second-row-header th:eq(" + i + ")").text(titletext[0] + "<span> hai</span>"); 

綁定HTML任何一個可以幫助我，我哪裏錯了

由於提前

Answer 1

使用colModel你可以使用標籤選項在列標題中插入任何html標籤。如上所述here

可以

... 
colModel : [ 
    { label : "Mynanme <span> hai</span> ", name: "field1",....}, 
    ... 
], 
... 

動態設置標籤使用setLabel方法described here

$("#jqGrid").jqGrid("setLabel", "field1", "Myname <span> hai</span>"); 

查看其它參數來改變視覺呈現。