sencha-touch - 如何隐藏列表项中的 NULL 值从 sencha touch 中的商店获取

Question

我已经在sencha touch 中实现了一个应用程序。

因为我有一个列表视图，我从商店中检索数据，

在某些字段的数据库中，我插入了空值，{无选择}。

列表视图中的相应字段显示为NULL，

但我想显示一个empty space而不是NULL，

        {
                  xtype: 'list',

                  itemTpl: [
                            '<div id="wrapper">'+
                            '<div class="frt">{Name}</div>'+
                            '<div class="frt">{Title}</div>'+
                            '<div class="frt">{Contact}</div>'+
                            '<div class="frt">{Zip}</div>'+
                            '</div>'
                            ],
                  store: 'ContactsDataBase'
             }

Answer 1

{
       xtype: 'list',
       itemTpl: [
                   '<div id="wrapper">'+
                   '<div class="frt"><tpl if="Name != null">{Name}</tpl></div>'+
                   '<div class="frt"><tpl if="Title != null">{Title}</tpl></div>'+
                   '<div class="frt">{Contact}</div>'+
                   '<div class="frt">{Zip}</div>'+
                   '</div>'
                ],
        store: 'ContactsDataBase'
}

访问Sencha Touch 文档网站了解更多信息。

干杯，奥列格

Answer 2

稍作修改的版本

itemTpl: [
               '<div id="wrapper">'+
               '<div class="frt"><tpl if="values.Name">{Name}</tpl></div>'+
               '<div class="frt"><tpl if="values.Title">{Title}</tpl></div>'+
               '<div class="frt">{Contact}</div>'+
               '<div class="frt">{Zip}</div>'+
               '</div>'
            ]