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标记。如上所述here

你可以

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

要动态设置标签，请使用 setLabel 方法described here

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

请参阅其他参数以更改视觉演示。

如何动态地在Jquery网格列中启用HTML标记

1 个答案: