zoukankan      html  css  js  c++  java
  • 使用 tpl 标签和 for 读取对象属性值中的数组

    来源于《sencha touch 权威指南》

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

    只摘抄app.js代码:

    Ext.require(['Ext.form.Panel']);
    Ext.application({
        name: 'MyApp',
        icon: 'images/icon.png',
        glossOnIcon: false,
        phoneStartupScreen: 'images/phone_startup.png',
        tabletStartupScreen: 'images/tablet_startup.png',
        
        launch: function(){
            var company = {
                name: '北京百度公司',
                email: 'info@baidu.com',
                address: '上地哈哈大厦',
                city: '北京',
                zip: '100086',
                employer:[{
                    name: '张三',
                    age: 27
                },{
                    name: '李四',
                    age: 30
                },{
                    name: '王五',
                    age: 25
                }]
            };
    
            var tpl = new Ext.XTemplate(
                '<p>公司:<br />',
                '<tpl for=".">',
                    '名称:{name}<br />',
                    '地址:{city}{address}<br />',
                    'email:{email}<br />',
                    'zip:{zip}<br />',
                    '<p>员工:',
                    '<tpl for="employer">',
                        '<p>{#}.姓名:{name},年龄:{age}',
                    '</tpl>',
                '</tpl>'
            );
    
            var tplHtml = tpl.apply(company);
    
            var myPanel = Ext.create('Ext.Panel',{
                html: tplHtml
            });
            
            Ext.Viewport.add(myPanel);
        }
    });
  • 相关阅读:
    第一周学习总结
    lhgdialog窗口插件
    validate验证
    jxl自己写的例子
    jxl导入/导出excel
    struts2文件上传
    struts2基于注解的文件下载
    学校操场的印象
    我的开源项目:JPEG分析器
    我的开源项目:TS封装格式分析器
  • 原文地址:https://www.cnblogs.com/phpway/p/3454790.html
Copyright © 2011-2022 走看看