在Sencha-touch中动态创建分段按钮

时间:2015-10-31 20:11:04

标签: javascript extjs sencha-touch

您好我在Sencha Touch中重构一个类,我的建议是在工具栏中创建动态分段按钮。在父类中,我正在实现此解决方案:

{
    xtype     : 'segmentedbutton',
    cls       : 'filterbar-customer-segmented-button',
    itemId    : 'surveyFilterCustomerSegmentedButton',
    pressedCls: 'filterbar-segmented-button-pressed',
    items: []
}

在两个不同的控制器中,我使用它来创建分段按钮内的项目:

createSegmentedFilters: function (store){
    var segmentedFilterCustomer = this.getSegmentedButton();
    segmentedFilterCustomer.setItems([
      {
        text    : Survey.util.I18n.getLabelWithArgs('CustomerHeaderAll', store.getCount()),
        itemId  : 'showAllCustomers',
        iconCls : 'user',
        iconMask: true,
        pressed : true
      },
      {
        text    : Survey.util.I18n.getLabelWithArgs('CustomerHeaderWithSurvey', this.filterWithSurveys(store)),
        itemId  : 'showCustomersWithSurvey',
        iconCls : 'compose',
        iconMask: true
      }
    ]);
  },

当我将视图调用加载到方法createSegmentedFilters但是我有一个好奇的行为时,我只能加载一次segmentedbutton,就像组件以某种方式工作一样..

在我的家庭视图中,我有两个按钮,有两个不同的选项,调用两个不同的视图和控制器,工具栏是相同的,除了组件分段按钮内的项目数,因为这个奇怪的原因正在发生?

谢谢!

0 个答案:

没有答案