如何在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>"); 

查看其它参数来改变视觉呈现。