【翻译】Ext JS最新技巧——2014-5-12

原文:http://www.sencha.com/blog/top-support-tips-may-2014?mkt_tok=3RkMMJWWfF9wsRoluazJZKXonjHpfsX77OQlXK%2B%2FlMI%2F0ER3fOvrPUfGjI4AT8NjI%2BSLDwEYGJlv6SgFSbfBMbdlybgMWRA%3D

Seth Lemmons:为网格行设置不同的高度

在整个网格中,行高通常都会保持为同一高度。然而,这并不适用于所有情形,有时候需要根据单元格中的数据来自动调整高度。在大多数情况下,网格会自动调整以容纳不同高度的单元格,甚至包括锁定网格(这实践上是两个同步的网格)。尽管可以如此,但要注意的是,当使用bufferdrenderer插件的时候,在锁定网格上就不能同步行高了。还好,这有解决办法。

在使用缓冲渲染的时候,并不能通过锁定网格来自动确定锁定网格和正常网格之间的行高。这是因为行高需要通过计算来确定。因此,variableRowHeight插件的默认设置为false。如果发现数据很好填充到标准网格行的高度,可以设置variableRowHeight为true。之后,就会发现锁定与非锁定网格区域之间又一次正确对齐了。

可以在这里实时查看variableRowHeight的示例,还可以在文档中了解更多有关variableRowHeight的信息。

Greg Barry:毫无生气的列表

近期有将应用程序升级到Sencha Touch 2.2+吗?如果有,是否有发现列表的加载会慢吞吞的?我有一个好消息。在早期的Sencha Touch版本,会将列表的infinite(无限列表)设置为true,在最新版本的Sencha Touch,已经默认将它设置为false了。

也就是说,在Sencha Touch 2.2+,如果在列表不明确设置infinite为true,它默认值会是false,而这,会让列表的渲染非常慢。造成这个问题的原因是所有列表条目会同时进行渲染。可以想象一下,这肯定会让加载变得很慢。只要将列表的infinite设置为true,这样就可以让列表只渲染一小部分,就可以让列表返回到它以前那样的状态。

可以在文档中了解更多有关于infinite配置项的信息。

【翻译】Ext JS最新技巧——2014-5-12,布布扣,bubuko.com

时间: 2024-08-02 03:37:08

【翻译】Ext JS最新技巧——2014-5-12的相关文章

【翻译】Ext JS最新技巧——2014-10-30

原文:Top Support Tips Greg Barry:Ext JS 5的ExtraParams Ext JS 4允许用户直接将extraParams添加到一个链接,类似如下代码: Ext.Ajax.extraParams = { foo: "bar" }; 由于Ext JS5对数据包进行了修改,该方法就不再可行了.现在,需要使用 setExtraParams和getExtraParams方法来为Ext.data.Connection提供参数,例如: Ext.Ajax.setEx

【翻译】Ext JS 5的平板支持

原文:Ext JS 5 Tablet Support Ext JS已被公认为桌面Web应用程序的领先框架.自从平板开始在全球挑战PC的销售,无论是个人还是企业,电脑横向的应用已经产生急剧的变化.Sencha意识到了这种变化,并推出了包含新功能和进行优化了的Ext JS 5. Ext JS从Sencha Touch 2学到了一些新把戏.多年最好的移动Web应用程序框架经验的沉淀要应对现代平板电脑上的桌面显示,那是卓卓有余的.通过类系统.事件管理.窗口小部件和新的部署选项就可以了解到这些更新. 除了

【转载】《Ext JS 4 First Look》翻译之一:新特性

免责声明:     本文转自网络文章,转载此文章仅为个人收藏,分享知识,如有侵权,请联系博主进行删除.     原文作者:^_^肥仔John      原文地址:http://www.cnblogs.com/fsjohnhuang/archive/2013/01/29/2880705.html 第一章 新特性 Extjs 4相对于之前的版本作出了重大的修正.其中包括全新的类系统.新平台的引入.API的修整和加强还有新组件的引入(如新的图表和图形组件).Extjs 4提供更快速.更稳定的用户体验,

【翻译】在Ext JS 5应用程序中如何使用路由

原文:How to Use Routing in Your Ext JS 5 Apps 简介 Ext JS 5是一个重要的发布版本,它提供了许多新特性来创建丰富的.企业级的Web应用程序.MVVM和双向数据绑定为开发人员承担了大量的繁重工作.在Ext JS 5种,另一个新特性就是路由,它可以在控制器内轻松的管理历史记录.前进和后退按钮是每个浏览器都会拥有的公共用户接口,现在,使用Ext JS 5在单页面应用程序中处理导航变得相当简单了. Ext JS 5路由 在Ext JS,已经可以使用Ext.

【翻译】使用Ext JS设计响应式应用程序

原文:Designing Responsive Applications with Ext JS 在当今这个时代,用户都希望Web应用程序无论在形状还是大小上,既能在桌面电脑,也能在移动设备上使用.使应用程序能适应不同的需求渐成趋势.幸运的是,Ext JS 5提供了所有支持应用程序以符合任何屏幕尺寸.形状和方向的工具. responsiveConfig概述 要让Ext JS 5支持新的平板电脑,需要使用"responsiveConfig",一个强大的新功能,可以让应用程序根据屏幕大小和

【翻译】Ext JS 6有什么新东西?

工具包ToolKits 发布 包的命名 Fashion 图表 ItemEdit插件 网格 电子表格 可操作模式Actionable Mode和可访问性 LazyItems插件 屏幕阅读器支持可访问性 微加载Microloader Touch网格 原文:http://docs.sencha.com/extjs/6.0/whats_new/6.0.0/whats_new.html Ext JS在Sencha框架中引入了许多新的和令人兴奋的改进.这些变化为基于所有现代浏览器.设备和屏幕尺寸带来了新的功

【翻译】在Ext JS和Sencha Touch中创建自定义布局

原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置,因而,不需要手动去管理那些碎片.Ext JS与Sencha Touch的布局类有许多相似之处,最近在 Ivan Jouikov的这篇博文中对他们进行了详细的分析. 虽然是这样,但很多Ext JS和Sencha Touch开发人员可能永远都不会去了解布局系统的机制原理.Sencha框架已经提供了最常

【翻译】Ext JS——高效的编码风格指南

原文:ExtJS - Efficient coding style guide 作者:Raja 切勿使用"new"关键字:在Ext JS中,使用"new"关键字来创建一个组件或类的实例是一种错误的做法,因为这没有遵循组件的生命周期.应该使用Ext.create方法来创建对象,例如: 错误: var obj = new Ext.panel.Panel(); 正确: var obj = Ext.create('Ext.panel.Panel'); 初始化直接量:不要直接

【翻译】在Ext JS 5种使用ViewControllers

原文:Using ViewControllers in Ext JS 5 简介 在Ext JS 5中,在应用程序架构方面提供了一些令人兴奋的改进,如添加了ViewModels.MVVM以及viewControllers来加强MVC应用程序.最重要的是,这些选择并不互斥,因此,可以采用增量的方式来介绍这些功能,又或者将他们混合在一起. 回顾控制器 在Ext JS 4,控制器就是一个从Ext.app.Controller的派生的类.这些控制器会使用类似CSS选择器(称为组件查询)来查找组件并对他们的