Javascript 带特殊条件的Sencha模板(tpl),隐藏或不隐藏
我在Sencha Touch中与tpl有问题。从后端我接收到隐藏(假或真)取决于自定义 我可以在“if and else”指令中控制这种情况吗 代码:Javascript 带特殊条件的Sencha模板(tpl),隐藏或不隐藏,javascript,extjs,sencha-touch,Javascript,Extjs,Sencha Touch,我在Sencha Touch中与tpl有问题。从后端我接收到隐藏(假或真)取决于自定义 我可以在“if and else”指令中控制这种情况吗 代码: tpl: new Ext.XTemplate([ '<div class="cart-status-toolbar">' + '<tpl if="messagetype == \'E\'">' + '<div class="message {me
tpl: new Ext.XTemplate([
'<div class="cart-status-toolbar">' +
'<tpl if="messagetype == \'E\'">' +
'<div class="message {messagetype}">{messagetext}</div>' +
'</tpl>' +
'<tpl if="messagetype == \'S\'">' +
'<div class="label">{[C.Text.getText("SC_ORDER_TOTAL_NET_VALUE")]} </div>' +
'<div class="total-value">{totalnetvalue}</div>' +
'<div class="indicator {lightstatus}">{lightvalue}</div>' +
'<tpl if="ordernetamount" == false>' +
'<div class="label">{[C.Text.getText("SC_ORDER_A_TOTAL_NET_AMOUNT")]} </div>' +
'<div class="total-value">{netamount}</div>' +
'<div class="indicator {lightstatus}">{lightvalue}</div>' +
'</tpl>' +
'</tpl>' +
'</div>'
])
谢谢 你应该仔细看看森查的。Sencha的第三方物流系统实际上是我认为最好的系统之一,用于表示来自您商店的数据或仅使用单个模型 下面是一个带有条件语句的Xtemplate示例
Ext.define('MyProject.view.Navigation', {
extend: 'Ext.dataview.List',
xtype: 'navigation',
requires: ['Ext.data.Store'],
config: {
store: 'NaviLinks',
cls: 'nav-list',
//itemTpl: '{additional_text} {fa_icon} {name}',
itemTpl: new Ext.XTemplate([
'<div style="width:30px;float:left;">{icon}</div> {name}',
'<div style="clear:both"></div>',
'<tpl if="additional_text">',
'<div style="margin-left:30px;font-weight:bold;font-size:14px;color:#aaa">[{additional_text}]</div>',
'</tpl>'
])
},
initialize: function() {
this.callParent();
}
});
Ext.define('MyProject.view.Navigation'{
扩展:“Ext.dataview.List”,
xtype:'导航',
需要:['Ext.data.Store'],
配置:{
商店:“NaviLinks”,
cls:“导航列表”,
//itemTpl:“{附加文本}{fa_图标}{name}”,
itemTpl:new Ext.XTemplate([
“{icon}{name}”,
'',
'',
“[{附加文本}]”,
''
])
},
初始化:函数(){
这是callParent();
}
});
任何带有sencha属性“hidden”的示例,我都会收到一个带有定制的json,这取决于它。谢谢你的回答..嗨,你的隐藏财产将返回真假对吗?因此,上面的代码是一个示例,如果例如“additional_text”为真,它将显示其中的代码。
Ext.define('MyProject.view.Navigation', {
extend: 'Ext.dataview.List',
xtype: 'navigation',
requires: ['Ext.data.Store'],
config: {
store: 'NaviLinks',
cls: 'nav-list',
//itemTpl: '{additional_text} {fa_icon} {name}',
itemTpl: new Ext.XTemplate([
'<div style="width:30px;float:left;">{icon}</div> {name}',
'<div style="clear:both"></div>',
'<tpl if="additional_text">',
'<div style="margin-left:30px;font-weight:bold;font-size:14px;color:#aaa">[{additional_text}]</div>',
'</tpl>'
])
},
initialize: function() {
this.callParent();
}
});