Question

我是棱角分明的新手。我在Conditional cell template in ui-grid angularjs之前已经阅读过这个问题，它绝对适用于我，但我只是想知道如何将html显示为按钮标签而不是文本，因为当我尝试将其更改为html时，它始终显示html作为文本

由于我的英语不好而感谢和抱歉

js file

var columnDefs = [
    {
        field: 'action',
        displayName: label.action,
        width : 175,
        enableCellEdit: false,
        cellTemplate: '<div>{{grid.appScope.states.showMe(row.entity.j_code, row.entity.branch_cd)}}</div>',            
    }];

scope.gridOptions.columnDefs = comlumnDefs;
$scope.states = {
    showMe: function(j_code, branch_cd) {
        template = "<button class='btn-small btn-green btn-add'>Add</button>";
        if (j_code != "" && branch_cd != "") {
            template += "<button class='btn-small btn-green'>Copy</button>";
        }
        return template;
    }
};

html文件

<div id="grid1" class="gridStyle" ui-grid="gridOptions" external-scopes="states" ui-grid-pinning ui-grid-resize-columns ui-grid-pagination ui-grid-edit ui-grid-row-edit ui-grid-cellnav ui-grid-selection ui-grid-exporter></div>

Answer 1

我不知道您是否找到了asnwer，但还有其他人访问以寻找答案。

 .Columns(c =>
   {
    c.Add().DataField("give a name").CellTemplate("<input type=button>");
   }

您可以在该类型中添加复选框或其他功能。

在angularjs网格单元格模板

1 个答案: