首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在Sencha Touch 2中添加/删除Ext.Container中的项目的推荐方法?

好的,我了解了您的问题。在 Sencha Touch 2 中添加/删除 Ext.Container 中的项目,可以通过以下步骤完成:

  1. 在 Ext.Container 中添加项目,可以使用 Ext.Container 的 add 方法,如下所示:
代码语言:txt
复制
Ext.Container.add({
    xtype: 'container',
    id: 'containerId',
    layout: 'vbox',
    items: [
        {
            xtype: 'container',
            id: 'containerId1',
            layout: 'hbox',
            items: [
                {
                    xtype: 'button',
                    id: 'buttonId1',
                    text: 'Button 1'
                }
            ]
        },
        {
            xtype: 'container',
            id: 'containerId2',
            layout: 'hbox',
            items: [
                {
                    xtype: 'button',
                    id: 'buttonId2',
                    text: 'Button 2'
                }
            ]
        }
    ]
});
  1. 在 Sencha Touch 2 中删除 Ext.Container 中的项目,可以使用 Ext.Container 的 remove 方法,如下所示:
代码语言:txt
复制
Ext.Container.remove(Ext.getCmp('containerId1'));

其中,Ext.getCmp('containerId1') 表示获取到 Ext.Container 对象的引用,可以通过这个引用获取到 Ext.Container 中的所有项目,然后调用 remove 方法来删除该项目。

以上是 Sencha Touch 2 中添加/删除 Ext.Container 中的项目的推荐方法。如果您有任何其他问题,请随时问我。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

sencha touch结合phonegap开发android下文件浏览器

大家好,今天我给大家介绍一下通过两个新html5技术sencha touch 和phonegap来开发android应用。...首先,众所周知,sencha touch是结合了extjs和jquery mobile这两个javascript神器而开发一个js库,其诞生目的就是为了使webapp成为nativeapp,甚至使其更像...好了,现在我通过一个文件浏览器例子来说明一下如何利用sencha touch和phonegap来开发本地应用。...首先写好sencha tocuh代码,这里我就不多说,大家可以参考sencha官网sencha touch API,这里用了一个container,其布局为card,动画为slide,有两个item...,可通过DirectoryEntrycreateReader()创建,从而通过其readEntry方法找出该目录下所有的子文件和目录,该方法参数分别是成功和失败回调函数。

98650
  • Ext JS 6 新特性和工具

    以下是一些亮点: • 合并了 Ext JS & Sencha Touch - Ext 6, 你可以访问 Ext JS 和 Sencha Touch所有组件, 只用一个代码基即可,满足所有设备用户体验...•Sencha枢轴网格透视网格插件,使您能够快速和容易Ext JS应用程序添加强大分析功能。你可以构建应用程序,让用户发现大量在你Ext JS网格数据关键见解。...•Sencha CmdExt JS 6每一个主要版本,我们更新了Sencha CMD并使其更容易和更快开发建设及其应用。...•Sencha JetBrains插件,我们创造了这些流行IDE插件,这使得Ext JS开发更快和更容易,大大提高了生产效率。...JetBrains插件启用自动完成和允许开发者快速访问配置,混合组件,属性,事件,方法,和更多

    1.3K50

    用于H5移动开发框架

    Touch框架   Sencha Touch框架是世界上第一个基于HTML5Mobile App框架。...Sencha Touch可以让你Web App看起来像Native App。...其中WeX5为国内打造,完全Apache开源,融合Phonegap基础上,做了深度优化,具备接近Native app性能,同时开发便捷性也较好。...10 mui框架   最接近原生APP体验高性能前端框架,具有以下特点:   轻量   追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;   MUI不依赖任何第三方JS库,压缩后...滑动触发操作菜单   在手机应用(特别是iOS平台),很多操作菜单都是滑动触发,比如短信界面,左滑显示“删除”按钮,点击可以删除该短信对话;邮件列表界面,左滑可以删除,右滑可以标注为"已读/未读

    4.9K10

    最好10个移动 Web 应用程序开发框架

    今天这篇文章向大家推荐10大优秀移动 Web 开发框架,帮助开发者更加高效开发移动Web应用。...Sencha Touch Framework   Sencha Touch 是世界上第一个基于 HTML5 移动 Web 开发框架,支持最新 HTML5 和 CSS3 标准,全面兼容 Android...DHTMLX Touch – HTML5 JavaScript Framework for Mobile   DHTMLX Touch 是一个基于 HTML5 免费 JavaScript 库,用于构建跨平台移动...它目的是让 jQuery Mobile 布局更加灵活,使得应用应许移动终端更加易用。...SproutCore HTML5 Application Framework   SproutCore 是一个 HTML5 移动 Web 开发框架,它目标是无需浏览器插件情况下,浏览器位应用程序提供极佳桌面效果

    1.8K00

    HTML5移动开发10大移动APP开发框架

    Touch框架   Sencha Touch框架是世界上第一个基于HTML5Mobile App框架。...Sencha Touch可以让你Web App看起来像Native App。...其中WeX5为国内打造,完全Apache开源,融合Phonegap基础上,做了深度优化,具备接近Native app性能,同时开发便捷性也较好。   ...10.mui框架   最接近原生APP体验高性能前端框架,具有以下特点:   轻量   追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;   MUI不依赖任何第三方JS库,压缩后...滑动触发操作菜单   在手机应用(特别是iOS平台),很多操作菜单都是滑动触发,比如短信界面,左滑显示“删除”按钮,点击可以删除该短信对话;邮件列表界面,左滑可以删除,右滑可以标注为”已读/未读

    6.5K10

    用于H5移动开发框架

    Touch框架   Sencha Touch框架是世界上第一个基于HTML5Mobile App框架。...Sencha Touch可以让你Web App看起来像Native App。...其中WeX5为国内打造,完全Apache开源,融合Phonegap基础上,做了深度优化,具备接近Native app性能,同时开发便捷性也较好。...10 mui框架   最接近原生APP体验高性能前端框架,具有以下特点:   轻量   追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;   MUI不依赖任何第三方JS库,压缩后...滑动触发操作菜单   在手机应用(特别是iOS平台),很多操作菜单都是滑动触发,比如短信界面,左滑显示“删除”按钮,点击可以删除该短信对话;邮件列表界面,左滑可以删除,右滑可以标注为"已读/未读

    5.1K40

    9 大跨平台移动 App 开发工具推荐

    Appcelerator 是一个构建基于SOARIA应用全集成平台,用来构建富应用、交互式网站和应用程序。它是开源。 6、手机上 HTML5 框架 Sencha Touch ?...Sencha Touch 是专门为移动设备开发应用 Javascript 框架。...通过 Sencha Touch 你可以创建非常像 native app web app,用户界面组件和数据管理全部基于 HTML5 和 CSS3 web 标准,全面兼容 Android 和 Apple...Xamarin由许多著名开源社区开发者创立和参与,而且也是Mono项目的主导者——C#与.NET框架开源、跨平台实现。 作为一个跨平台开发框架,Xamarin.Mobile有很多优点。...(参考编译自:Dzone,译者:开源中国) 地址: http://gitbook.cn/gitchat/column/59e080a94f7fbe555e4799b1 相关推荐 带来高收入

    5.9K20

    移动端app开发,框架选择。

    接下来自己会在github更新自己相应demo,最后也将会更新整个项目,写博客目的就是希望自己养成做笔记习惯,同时鞭策自己不断学习新知识。...Sencha Touch Sencha Touch 同样也是HTML5手机应用跨平台开发框架,运行iOS/Android/Blackberry。...它已经诞生很多年了,现在已经成为很常用混合式编程开发框架。 Sencha Touch可以让你Web App看起来像Native App。...下面是Sencha官方给出几点特性 1.基于最新WEB标准 – HTML5,CSS3,JavaScript。整个库压缩和gzip后大约80KB,通过禁用一些组件还会使它更小。...框架我最后选择ionic ,ionic集成cordova,ionicngcordova 可以对原生设备调用。

    3.5K10

    分享WordPress Mobile Pack汉化精简版及隐藏指定插件更新提示方法

    Enterily rebuilt to use Sencha Touch for the mobile web application and a separate admin panel....Enterily 修复使用 Sencha Touch 移动 Web 应用程序和一个单独管理面板。 NO backwards compatibility with v1.2.5....先申明一下,这个插件被阉割功能有: ①、4 套自带移动主题(个人觉得奇丑,果断删之); ②、移动访问统计模块(第三方统计已具备,无需重复开启,如 cnzz); ③、推荐到 mexo 啥,不明所以功能...于是 WP 大学找来相应屏蔽方法,且继续往下看: 方法很简单,编辑主题目录 function.php 主函数文件,找个位置插入如下代码,保存即可: /** * 隐藏WordPress Mobile...当然,这个方法也适用于其他插件,那天你为了兼容性或功能啥,不想某个插件“长大”,那么就将第 6 行路径改成对应插件包含版本号文件路径即可。 念起来有点费劲,还是上图实在!

    1.6K30

    Hybrid App开发者一定不要错过框架和工具

    历经了jqmobile、sencha touch等框架后,一直没能找到一个真正符合我想法框架:它应该为hybrid app设计、组件化结构、UI简洁而优美。...后者正是jqm等框架做法。sencha touch概念层上我接受不了,它让我感觉自己不是写界面,而是在做算法作业。关于这些老框架吐槽, 以前写过,就不再多说。接下来说说最近新发现。...学习时候有时候还是思维转换不过来,比如我曾苦苦思索form表单要怎么提交,提交到哪里去。但实际上form表单控件本来就是绑定到数据对象 ,只要调用数据对象save方法就好了。...但整体来讲我还是很推荐这个框架,而且我也认为AngularJS做法代表了未来,学习一些新东西有时候会让人生更多乐趣。...能选择模拟器来测试屏幕大小,还能选择模拟器Cordova版本。五星推荐,用了你会回来点赞。 还有一些Angular相关工具我也在用,这次就先不整理了。

    1.4K40

    Ext JS 4 架构你应用 第2节 (官方文档翻译)

    页面加载完成以后将会触发此启动方法。 应该用此方法来代替以前 Ext.onReady ,在此方法添加自动创建一个viewport和设置命名空间(namespace)....为了达到这个目的,我们存储需要重写模型定义Proxy。...应用逻辑 Ext JS 3,我们通常将应用逻辑添加在视图按钮处理器方法,绑定子组件和拓展视图时重写拓展视图方法。...init方法,你应该设置对视图和应用事件监听器。 大型应用,你也许希望在运行时再加载额外控制器。你可以通过getController 方法来实现。...我们只是简单地获取selectionchange 事件提供单个选择然后将其作为触发stationstart 事件一个参数。 结论 本文中,我们了解了应用基本架构。

    74710

    Ext JS 4预览:更快、更简单、更稳定

    令人激动新特性 让我们从一些正在添加到ExtJS4.0令人激动新特性开始,这虽然不是一个详尽清单,但却包含即将到来版本4最最令人激动兴奋特性。...ExtJS4data包可以和Sencha Touch,所以你当即就可以在你应用程序中使用它了。我们有几个博客发布了介绍它帖子。...ExtJS4我们通过一个完整应用架构解决这个长时间存在问题,这个架构可以盒子外使用。 应用架构是一个标准化应用构建方法。他们按相同方式工作,遵循相同模式并具备相同文件结构。...这就使我们能够创建一些创建应用程序时所需要难以置信工具来帮助自动化设计和维护。使用新架构创建应用变得容易得难以置信,你可以偷偷看一下Sencha Touch微博和Kiva示例。...但是我们还是添加了一些新组件到框架。其中两个最流行组件扩展——RowEditor和TreeGrid已经被内置到框架中了,重写以适应我们期待高质量组件标准。 ?

    2.4K60

    50种制作图表JS库

    很多项目中都会有在前端展现数据图表需求,而在开发过程,开发者往往会使用一些JavaScript库,从而更有效地达到想要目标。...文章作者首推库是D3,他说到: 它非常让人惊叹,我很喜欢它简洁性。它文档非常完备,源代码托管GitHub上,而且不断会添加示例。...Flot Charts——与jqPlot一样,Flot是一种针对jQuery纯JavaScript库,专注于简单用法、引人注目的外观和交互特性。...xkcd——让你可以使用D3JavaScript做出XKCD样式图表。 jQuery Sparklines——一种jQuery插件,可以直接在浏览器创建小型内嵌图表。...它拥有很多特性,像对负数值支持、鼠标跟踪、选定支持、缩放支持、事件挂钩、CSS样式支持、画布(canvas)包含文字、旋转标签、渐变颜色、图形标题和子标题、电子表格、CSV数据下载等等。

    4.5K20

    有了phonegap你还android吗?

    WP7等平台也逐步兼容。 l  降低开发门槛。对于很多WEB开发人员来说,熟悉Objective-C语言和Java语言都是比较痛苦事情。有了PhoneGap就不用担心这些了。...详情可以参考:http://jquerymobile.com/ 也可以使用Sencha Touch,界面没说,也是非常不错选择 详情可参考:http://www.sencha.com/ 第二章 快速开始...xml内容如下,如果有对不上可以手动添加 我修改后xml文件内容如下 <?...3.1.1 基于Web技术开发移动设备客户端应用 用您熟悉JavaScript、HTML技术,或者结合移动Web UI框架jQuery Mobile、Sencha Touch 开发跨平台移动客户端。...3.1.2 用PhoneGap访问设备本地API 提供跨平台设备访问能力,以下列出访问设备部分功能,本系列专题在以后文章详解使用方法

    1.3K50

    Ext JS 教程-布局和容器 原

    并且我们使用了items配置往容器Panel添加了两个子Panel。...doLayout方法是全递归,因此任何容器子元素也都会让它们doLayout方法得到调用。这样一直持续到达底部组件层级。...在你应用程序代码,你一般不用去管doLayout()调用,因为框架为代你处理它。 当容器尺寸被修改,或者一个子组件条目被添加删除时时,一个重布局会被触发。...为了要这样做,我们使用在容器上面suspendLayout 标示去阻止它进行布局,而我们执行(添加或者删除条目)操作,当我们操作完了以后再把 suspendLayout 关掉,并且通过调用容器 doLayout...containerPanel.doLayout(); 组件布局 就像一个容器布局定义了一个容器如何去设置它组件条目的尺寸和位置一样,一个组件也可以有一个如何去设置它子条目的尺寸和位置布局(

    1.8K10

    Ext JS 教程-组件 原

    一个典型应用程序组件层级从顶部Viewport开始,它里面内嵌了其他容器或者组件。 ? 使用容器items配置属性,子组件被添加到容器。...比如 Ext.panel.Panel 有一个称作’panel‘xtype。所有组件xtype都被列组件API文档。上面的例子展示了如何去添加一个已经加载好组件到一个容器。...render必须不能被重写,但是处理过程调用onRender允许子类实现添加一个onRender方法去执行特定于类处理。...11 onAdded - 允许一个组件被添加到容器时候有附加行为。在这个阶段,组件父容器子条目集合之中。...这个例子仅用于展示目的 - Ext.Img 类则可以被用于真实应用程序管理图片。

    3.2K30

    Ext JS4 架构你应用 第3节 (官方文档翻译)

    也就意味着为了获取Station controller Stations store,你索要做只是将该store添加到stores数组。...getStationsListView getter将返回view类一个引用。我们应用流,我们想要选择StationsList第一个。这样我们不想要引用视图。...你可以继续控制器行为中使用Ext.getCmp 。 但是不建议这么用,它强迫我们管理项目中组件唯一ID,通常随着项目的增长,将带来一些问题。...在这个回调函数我们 使用自动产生getter方法获取 StationsList 实例,并选择了第一个。 这将触发StationsList一个selectionchange 时间。...我们onStationStart 方法实现此功能。我们获取RecentSongs  store一个引用调用其load方法,定义了加载完成后要触发控制器方法

    66620

    Extjs MVC架构 (官方文档翻译)【带源码】

    方法将在 Application launch 方法调用前调用');     } }); 然后添加新创建 Users 控制器到app.js。...我们提供一个对象映射事件名称(本例仅仅是render)到处理方法。 运行效果如下: 虽然上面显示并不是最令人兴奋应用,但是它为我们展示了代码组织多么容易。 下面我们将添加一个grid。...现在需要做就是将此视图添加到控制器,渲染并且将User 加载进去。...我们单击 保存按钮时  updateUser方法被调用了: 既然我们处理方法已经保存按钮时得到了调用,我们就为updateUser方法添加真正逻辑。...本例我们使用服务端静态JSON文件,因此看不到任何数据库改动。

    1.3K20

    左手Ionic,右手年华

    其实,使用Ionic前,移动端JS框架,我尝试使用过Jquery Mobile(JM)、Sencha Touch(ST),JM坑很多,而ST相对好一些,但是性能有很大问题,如文件体积过大、内存占用过大等...因为有Angular1(Angularjs)基础,所以上手Ionic1很快,它全家桶功能,省却了配套技术选型烦恼,同时,它比较齐全cli命令,使得项目的创建到发布都比较简便。...---- 新欢与旧爱 随着Ionic4推出,自己也较早时间去踩坑,从去年中创建第一个Ionic4目开始到现在,指导开发了几个Ionic4目,可以确切地说,Ionic4已经稳定了(仅限于Angular...版、Vue和React版还有较长一段路要走),而且相对Ionic3来说,性能更加优化、机制更合理,同时两者间差异不算变化很大,可以很好过渡(仅限于技术过渡,而不是旧项目过渡),对于新项目的选型,可以考虑...像我所在公司,我可以决定选型技术,就算我认为Angular比Vue更适合于中大型项目的开发管理,虽然我可以固执地要求使用Angular,但考虑到招人成本、框架特点和国内趋势,一些项目我会考虑使用

    1.7K20
    领券