zoukankan      html  css  js  c++  java
  • List 组件简单示例及其onItemsDisclosure点击事件

    来自《sencha touch权威指南》第9章,276页开始

    -------------------------------------------------

    app.js代码如下:

    Ext.require(['Ext.data.Store','Ext.dataview.List','Ext.MessageBox']);
    Ext.application({
        name: 'MyApp',
        icon: 'images/icon.png',
        glossOnIcon: false,
        phoneStartupScreen: 'images/phone_startup.png',
        tabletStartupScreen: 'images/tablet_startup.png',
        
        launch: function(){
            Ext.define('User',{
                extend: 'Ext.data.Model',
                config: {
                    fields: ['firstName','lastName']
                }
            });
    
            var store = Ext.create('Ext.data.Store',{
                model: 'User',
                data: [{
                    firstName:'美丽',lastName:''
                },{
                    firstName:'美丽',lastName:''
                },{
                    firstName:'美丽',lastName:''
                }]
            });
            
            var myList = Ext.create('Ext.List',{
                store: store,
                itemTpl: '<div>{lastName}{firstName}</div>',
                // onItemsDisclosure 点击事件
                onItemDisclosure: function(record,element,index,e){
                    Ext.Msg.alert(store.getAt(index).get('firstName'));
                }
            });
            Ext.Viewport.add(myList);
        }
    });

    点击右侧箭头后事件效果:

  • 相关阅读:
    hadoop架构
    hdfs存储模型
    C语言编译过程
    linux文件类型和权限
    推荐系统效果评估
    推荐系统冷启动
    Js计算-当月每周有多少天
    3D动画
    固定边栏——淘宝滚动效果
    jquery图片轮播-插件
  • 原文地址:https://www.cnblogs.com/phpway/p/3460560.html
Copyright © 2011-2022 走看看