将 NULL 值显示为空字符串而不是“null”的最简单方法是什么？ ExtJS 网格中的字符串？

Question

我有一个服务器端脚本 (PHP) 返回 JSON 数据以填充 ExtJS 网格。

该数据来自 MySQL 查询，包含一些 NULL 值。

当 PHP 将其编码为 JSON 表示法时，它会保持 NULL 不变：

{"id":"33","name":"Test1","url":null,"cls":"x-tree-noicon","expanded":true}

但是...当此数据显示在 ExtJS 网格中时，它会在 NULL 值的位置显示一个“null”字符串。

我不希望它显示“null”。我只想让它为空（一个空字符串）。

实现这一目标的最简单方法是什么？

谢谢。

Answer 1

您的另一个选择是从后端处理它。您需要检查结果集中是否有任何 NULL 实例，并将它们转换为空字符串，然后再将其返回给客户端。

Answer 2

您定义了 Ext.data.Model 吗？如果您定义 Ext.data 模型并在 Ext.data.Store 中使用它来读取 JSON 字符串非常容易...

您只需要声明字段类型：'auto'

试试这个：

Ext.define('testModel', {
        extend  : 'Ext.data.Model',
        fields  :[
                     {name: 'Id', type: 'int'},
                     {name: 'name', type: 'string'},
                     {name: 'url', type: 'auto'},
                     {name: 'cls', type: 'string'},                     
                     {name: 'expanded', type: 'boolean'}
                  ]     
    });


var testStore = Ext.create('Ext.data.Store', {
                         model  : 'testModel',
                         proxy  : {
                                      type   : 'memory',
                                      reader : {type:'json'}
                                  }
                });

并使用 testStore 来填写网格中的数据。

Answer 3

在 ExtJS 3.4 中，有一个 useNull 属性可以为数字字段（但不是字符串）设置。

http://docs.sencha。 com/extjs/3.4.0/#!/api/Ext.data.Field-cfg-useNull

（可选）将接收到的数据转换为 Number 类型时使用
（整数或浮点数）。如果无法解析该值，则为 null
如果 useNull 为 true，则使用，否则该值为 0。默认为
错误

默认为： false

false

{
    name: 'myId',
    type: 'int',
    useNull: true
},

Answer 4

我不确定是否最简单，但我首先想到的是创建一个自定义渲染器。你可以使用这样的东西：

function render(value){
    if(value === null){
        value = '';
    }
    return value;
}

Answer 5

WoLpH 的答案是正确的。我自己的问题在某种程度上是“不正确的”...... :-)

事实上，我正在处理一个 treegrid (Ext.ux.tree.TreeGrid)，不是常见的 ExtJS 网格 (Ext.grid.GridPanel)。

树形网格的列不是 Ext.grid。 Column类型，与常见的网格一样。它们是 Ext.list.Column类型。

这意味着 renderer 配置选项不适用（它存在并适用于 Ext.grid.Column，但不适用于 Ext.list.Column）。

要更改 Ext.list.Column 的呈现，可以使用 tpl 配置选项，该选项使用 Ext.XTemplate 机制。

下面，我分享了我的 treegrid 列的配置，它实现了我想要的功能：

tpl: '<tpl if="url === null"></tpl><tpl if="url !== null">{url}</tpl>'

上面的配置使我的列为 NULL 值呈现一个空字符串，而不是“null”字符串，在树形网格中！

---

最后说明：我对 WoLpH 的答案进行了投票，因为它是正确的。我的问题具有误导性，我宁愿不更改/编辑它，而是分享我自己的发现作为另一个答案。我也感谢他，因为它让我专注于正确的事情。谢谢。