kendou网格如果字段为真/假更改标题

KendoUI grid if field is true/false change title

本文关键字：标题 网格 如果 字段 kendou      更新时间：2023-09-26

我有一个返回TRUE或FALSE的布尔值isActive 

           {
                field: "isActive",
                title: "Status",
                width: 90
            }

我已经设法使这个工作，并在网格中它将显示'真'或'假'。然而，我想让它，如果它是真的，改变字段为A，如果是假的改变标题为b，我怎么能做到这一点?

编辑:这是他们通常如何写(字段，标题，宽度，模板等)。IsActive是一个布尔值，我想让它执行一个检查(如果IsActive = true，返回a)。目前它显示布尔值(真/假)，我希望它在网格中显示活动/非活动。很抱歉造成混乱，标题将保持不变

可以使用列模板函数(http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.template):

)
{ field: "isActive",
  template: function(dataItem){
      return dataItem.isActive ? "Active" : "Inactive";
  }
}

我认为更好的解决方案可能是:

{
    field: "isActive",
    title: "Status"
    values: [{ text: 'Yes', value: true }, { text: 'No', value: false }]
}

它还可以在过滤器中启用组合框

use template 

 { field: "isActive", title: "isActive", template: "#= isActive ? 'Yes' : 'No' #", width: "100px" }

标签辅助解决方案，涵盖所有基础。

@{
    var yesNoValues = new object[] { new { Text = "Yes", Value = true }, new { Text = "No", Value = false } };
}
<kendo-grid name="grid">
<columns>
<foreign-key-column field="isActive" template="#=template(data)#" values='@yesNoValues' value-field="Value" text-field="Text"></foreign-key-column>
...
<script>
    function template(dataItem) {
        return dataItem.isActive== true ? "Yes" : "No";
    }
</script>
相关文章：