9、Sencha Touch组件与事件详解

vim8coder

于 2025-11-16 16:53:02 发布

阅读量7

点赞数

CC 4.0 BY-SA版权

分类专栏： Sencha Touch实战指南文章标签： Sencha Touch Sheet组件 ActionSheet

本文链接：https://blog.youkuaiyun.com/vim8coder/article/details/155288716

Sencha Touch实战指南专栏收录该内容

20 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

Sencha Touch组件与事件详解

1. Sheet组件

Sheet组件类似于MessageBox功能，通常用于在屏幕上弹出新信息或选项。它会覆盖在现有屏幕之上展示新信息，并且在Sheet关闭或得到响应之前，无法进行进一步操作。

以下是添加一个按钮来弹出新Sheet的代码：

{
  text: 'Sheet',
  handler: function() {
    var mySheet = new Ext.Sheet({
      height: 250,
      layout: 'vbox',
      stretchX: true,
      enter: 'top',
      exit: 'top',
      items: [{
        xtype: 'container',
        layout: 'fit',
        flex: 1,
        padding: 10,
        style: 'color: #FFFFFF',
        html: 'A sheet is also a panel. It can do anything the panel does.'
      }, {
        xtype: 'button',
        height: 20,
        text: 'Close Me',
        handler: function() {
          this.up('sheet').hide();
        }
      }],
      listeners: