如何在Jquery網格列中動態啟用HTML標簽

Question

我需要在Jquery Grid Columns中動態啟用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,
  });

像這樣綁定html

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

如果我錯了，誰能幫我

提前致謝

Answer 1

使用colModel時，可以使用label選項在列標題中插入任何html標記。 如上所述這里

您可以

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

要動態設置標簽，請使用此處介紹的setLabel方法

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

請參閱其他參數以更改視覺呈現。