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);
        }
    });
  • 相关阅读:
    2015 多校联赛 ——HDU5319(模拟)
    FZU 2158
    FZU 2157 树形DP
    dp之背包总结篇
    JavaScript parseInt() 函数
    JavaScript全局属性/函数
    学生面试心得
    ssh整合
    spring08事务
    JavaScript数组方法大全
  • 原文地址:https://www.cnblogs.com/phpway/p/3454790.html
Copyright © 2011-2022 走看看