sencha touch charts Sencha Touch 1.0 工作笔记

最新推荐文章于 2018-04-19 20:09:43 发布

weixin_33884611

最新推荐文章于 2018-04-19 20:09:43 发布

阅读量117

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/chier/blog/55206

本文介绍如何在Sencha Touch中操作Panel组件，包括更新Panel内的HTML内容、修改items集合中的元素及应用不同的布局方式。通过具体示例展示了如何使用Ext.getCmp方法更新Panel中的HTML，如何动态插入和移除items项，以及Box布局的具体用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

1. 如何修改 panel 中的html 值

对panel 设置 id, 使用： Ext.getCmp(' id ').update(html); 来修改html

2. 修改 items 中的值

var pane = new  Ext.Panel({
		   	id:"contnet",
            fullscreen: true,
            layout: {
                type: 'vbox',
                align: 'stretch'
            },
            defaults: {
                flex: 1
            },
            items: []
        });
		
		// var panel = Ext.getCmp('content');  
       	// pane.removeAll();
		
        pane.items.each(function(item){  
            panel.remove(item)  
        });  
		
        pane.insert(0, carousel1)  
        pane.doLayout();

3.布局：