zoukankan      html  css  js  c++  java
  • 从零开始学习Sencha Touch MVC应用之十二

    隐藏和显示工具条的回退按钮

    工具条的回退按钮只有在其需要的时候才显示,因此在index view视图中应当是隐藏的。

    在上面的index action中:

    this.application.viewport.setActiveItem(this.indexView, options.animation);

    添加:

    var backBtn = this.application.viewport.query('#backBtn')[0];
    backBtn.hide();

    在about action仅有如下代码:

    var backBtn = this.application.viewport.query('#backBtn')[0];

    添加如下:

    backBtn.show();

    如果你现在进行测试,回退按钮仅在abuot view视图中可见。

    直接调用action控制器

    下面我们在应用中添加搜索功能,因此我们需要创建一个新的控制器。

    在控制器的文件夹controllers创建一个命名SearchController.js文件,并且在index文件中包含它,并且在其中添加下面的内容:

    Ext.regController('Search', {
     
             // index action
             index: ()
             {
                     alert('Search index working');
             },
    });

    我们将通过点击那些在工具条上呈现显示的按钮来进行触发控制器,因此需要向视图工具条上增加相应的按钮:

    items: [
        {
             text: 'Back',
             itemId: 'backBtn',
             ui: 'back',
        },
        {xtype: 'spacer'},
        {
             itemId: 'searchBtn',
             iconCls: 'search',
             iconMask: true,
             ui: 'action',
        },
    ],

    在我们的工具条按钮之间,我们添加一个xtype spacer 空隔(Ext.Spacer)条目,这个空隔条目将把按钮推到两个边缘,使按钮在工具条的两端。

  • 相关阅读:
    计算机硬件发展史
    17.Java8新特性_传统时间格式化的线程安全问题
    13. Java8新特性_Stream API 练习
    12. Java8新特性_Stream_归约与收集
    11.Java8新特性_Stream_查找与匹配
    10.Java8新特性_Stream_排序
    9. Java8新特性_Stream_映射
    8. Java8新特性_Stream_筛选与切片
    CentOS 安装 Python3
    CentOS7安装图形桌面系统(GNOME / KDE / Cinnamon / MATE / Xfce)
  • 原文地址:https://www.cnblogs.com/breg/p/2288487.html
Copyright © 2011-2022 走看看