问题描述
|
我有一个带有工具栏和轮播的面板(具有动态创建的几张卡片)
我创建了一个在每个cardswitch中触发的事件,下面是代码:
var myCarousel = [{
xtype: \'carousel\',cls: \'card\',listeners: {
cardswitch: function(container,newCard,oldCard,index){
//Here goes code of the event
}
},items: cards
}];
如果在cardswitch功能内更改了工具栏的标题,所有事件均停止工作,则单击时我无法更改卡或进入卡的内容。
我尝试在cardswitch内触发警报,并且该应用程序保持正常运行,并且警报显示得很好,但是当我更改工具栏按钮时,出现了问题,因此我认为cardswitch功能不是问题。更新标题后,我还应该做其他事情吗?
解决方法
解决的问题:
通过将工具栏添加为轮播的Dockeditem来解决,而不是将其作为包含转盘的容器中的Dockeditem来解决。
像这样:
this.myCarousel = [{
xtype: \'carousel\',cls: \'card\',listeners: {
cardswitch: function(container,newCard,oldCard,index){
this.dockedItems.items[0].setTitle(newCard.myName);
}
},items: cards,dockedItems: [{
xtype: \'toolbar\',dock: \'top\',title: \"A title\",items: []
}]
}];
所以现在当我滑动时,我将\“ myName \”设置为工具栏的标题