原文:Using ViewControllers in Ext JS 5 简单介绍 在Ext JS 5中,在应用程序架构方面提供了一些令人兴奋的改进,如加入了ViewModels.MVVM以及viewControllers来加强MVC应用程序. 最重要的是.这些选择并不相互排斥,因此,能够採用增量的方式来介绍这些功能,又或者将他们混合在一起. 回想控制器 在Ext JS 4,控制器就是一个从Ext.app.Controller的派生的类. 这些控制器会使用相似CSS选择器(称为组件查询)来查找组…
原文:Top Support Tips Kevin Cassidy:Grid水印 Ext JS的Grid是一个便于在布局中显示信息的伟大工具.有些用户可能会希望将这些信息打印为会议资料或宣传材料,而且会希望在打印的时候,能添加水印以便进行版权保护.保密或作为品牌的一种方式. 这个很容易实现,只要在Ext JS的Grid中为它指定一个样式就行了,而这只需要一些简单的CSS技巧. 实现这种效果的关键是修改单元格的样式,并在Grid中插入不透明且不会遮盖Grid内容的背景. 要做到这一点,首先是创建一…
原文:Top Support Tips Seth Lemmons:使用棒极了的Awesome Font Ext JS 6附带了一个新的海卫一主题,可以使用Font Awesome字体作为背景图像的图标.不过,你知道如何通过"iconCls"和"glyph"来使用哪些相同的图标(以及更多来自于广泛的Font Awesome库)吗? 使用海卫一主题的时候 可以在诸如Ext.panel.Panel.Ext.menu.Item.Ext.button.Button等等组件中使…
工具包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框架中引入了许多新的和令人兴奋的改进.这些变化为基于所有现代浏览器.设备和屏幕尺寸带来了新的功…
原文:Top Support Tips Greg Barry:新的框架. 新的文档类型(Doctype) 在Ext JS 5,只支持IE8+,因此不再古力用户使用严格的HTML文档类型.现在,推荐使用HTML 5的文档类型,而且还推荐使用X-UA-Compatible作为meta标记以确保IE不会激活"兼容模式",因为该模式不支持Ext JS.以下代码片段展示了用于Ext JS 5的理想的文档类型和HEAD: <!DOCTYPE html> <html> <…
原文: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'); 初始化直接量:不要直接…
原文:Delegated Events and Gestures in Ext JS 5 简介 Ext JS在5之前的版本,被设计为专用于传统鼠标输入的桌面设备使用.而从5开始,添加了对触屏输入的支持,这让Ext JS对设备的选择有了更大余地,包括主流的平板,以及触屏的笔记本电脑.这种变化会对使用框架的用户造成影响,但这有助于理解屏幕后的情况.在本文,将探讨框架是如何处理触碰事件以及在设备之间是如何实现事件的规范化. Ext JS中的手势 也许,在Ext JS 5的事件系统中,最令人兴奋的莫过于…
原文:Top Support Tips Mitchell Simoens:控制滚动指示器的自动隐藏 Sencha Touch有一个跨平台的,在所有平台看起来和工作效果都一样的滚动条.两条轴(x和y,水平和垂直的区别)都有他们自己的滚动指示器,正如你所期望的,默认情况下,他们是隐藏的.不过,在某些情况下,可能需要一直显示指示器.在新的Touch 2.3.0种,每个指示器都有一个autoHide配置项来控制指示器的显示,设置autoHide为false将不再自动隐藏,在容器或它的子类内的scroll…
原文: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.set…
原文:Announcing Ext JS 6.2 Early Access 非常开心,Sencha Ext JS 6.2早期访问版本今天发布了.早期访问版本的主要目的是为了让大家进行测试并评估Ext JS6.2的工作进度,这对于发布更好的Ext JS版本会有相当大的帮助. Download Ext JS 6.2 EA See Ext JS 6.2 EA Examples 所包含的东西 所有新的日历组件 可以在Ext JS应用程序中以数可视化形式使用D3.js的D3适配器 针对现代工具包的新的符合…