如何隐藏列表项中的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 docu site了解详情。

干杯，奥列格

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>'
            ]