0

我需要动态启用 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>");

任何人都可以帮助我，我错了

提前致谢

4

1 回答 1

0

使用 colModel 时，您可以使用 label 选项在列标题中插入任何 html 标记。如此处所述

你可以

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

要动态设置标签，请使用此处描述的setLabel方法

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

查看其他参数以更改视觉呈现。

于 2017-07-20T10:26:53.020 回答