Ext JS 6学习文档-第8章-主题和响应式设计 主题和响应式设计 本章重点在 ExtJS 应用的主题和响应式设计.主要有以下几点内容: SASS 介绍和入门 主题 响应式设计 SASS 介绍和入门 SASS (Syntactically Awesome Stylesheets) 是一个样式语言,当你使用 SASS 代替 CSS 来写样式,之后 SASS 将使用编译器编译成 CSS ,SASS 有更好的语法和一组特性使我们更容易编写样式.同时维护 SASS 代码比维护 CS 更容易.相比直接写…

原文:Sencha Ext JS 5: Supporting Different Themes for Different Devices 步骤1创建一个应用程序 步骤2定义主题 步骤3编辑Appjson文件以便支持多平台生成 步骤4编辑output定义以便创建多个应用程序的manifests 步骤5更新应用程序 步骤6替换Appjson中的CSS配置 步骤7替换bootstrap属性以便加载appropriate manifest文件 步骤8在indexhtml文件中在微加载之上添加以下代码到…

本文地址:http://blog.csdn.net/sushengmiyan/article/details/42016107 本文作者:sushengmiyan ------------------------------------------------------------------------------------------------------------------------------------ 为方便起见,使用sencha cmd创建一个工程,使用app buil…

原文:How to Create a Dark Ext JS Theme– Part 1 概述 我是不是都要演示我的Spotifinder Ext JS应用程序.它是一个很酷的应用程序,可连接到LastFm和Spotify.创建它的目的,是未了在培训课程中演示Ext JS的概念.它还展示了Ext JS中伟大的主题功能. 今年,我在SenchaCon展示了高级主题功能,并收到了一些关于如何创建Spotifinder应用程序主题的咨询.因此,我觉得编写一个教程来说明如何创建这个相当酷,且很好看的暗黑…

原文:Tailoring Your Ext JS 5 Application for a Multi-Device World 概述 鉴于当今设备和表单因素的扩散,要针对所有这些可能性来优化应用程序已经变得越来越复杂.虽然可以使用CSS响应这些环境条件,但典型的,如Ext JS应用程序这样,还是要包含大量的Javascript.在某些情况下,使用javascript来针对设备细节进行编码可能很简单,但也可能很快就会失控.好消息是,在Ext JS 5.1,提供了几个功能强大的工具来管理这种复杂性.…

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

原文:Exploring the Layout System in Ext JS 5 and Sencha Touch 布局系统是Sencha框架中最强大和最有特色的一个部分. 布局要处理应用程序中每一个组件的尺寸和位置.在Ext JS和Sencha Touch直接有很多相似之处.尤其是如今Ext JS 5開始支持平板更是如此.以下让我们来探讨一下布局系统是怎样跨域Sencha框架进行工作的. 布局简史 最主要的HTML一直都缺乏一个严格定义的布局系统. 很多年来,因为CSS实现的差距.开发跨浏…

原文: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适配器 针对现代工具包的新的符合…

工具包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框架中引入了许多新的和令人兴奋的改进.这些变化为基于所有现代浏览器.设备和屏幕尺寸带来了新的功…

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

原文:Are You Ready for Ext JS 5? Ext JS 5:准备升级 对于Ext JS 5加入Sencha的大家庭,我们感到非常高兴!作为一个主要版本,在Ext JS 5引入了一堆的新功能,包括: 支持平板 双向数据绑定 新的NVVM应用程序架构 小部件和部件列 清脆的主题 路由 以及更多 如果想了解完整的新功能列表,请阅读<在Ext JS 5有什么新东西指南>. 如果想了解更多有关Ext JS 5的东西或咨询有关升级的问题,请在这里注册并参加我们在北京时间2014年4月2…

原文:Delegated Events and Gestures in Ext JS 5 简介 Ext JS在5之前的版本,被设计为专用于传统鼠标输入的桌面设备使用.而从5开始,添加了对触屏输入的支持,这让Ext JS对设备的选择有了更大余地,包括主流的平板,以及触屏的笔记本电脑.这种变化会对使用框架的用户造成影响,但这有助于理解屏幕后的情况.在本文,将探讨框架是如何处理触碰事件以及在设备之间是如何实现事件的规范化. Ext JS中的手势 也许,在Ext JS 5的事件系统中,最令人兴奋的莫过于…

原文:Announcing Sencha Ext JS 5 简单介绍 我代表Sencha和整个Ext JS团队,非常自豪的宣布,在今天,Sencha Ext JS 5公布了.Ext JS 5已经迈出了一大步,在这里,我们还想花一点时间来感谢我们的社区为我们提供的全部反馈和不断的支持.在我们的历史上.这是最大的一次beta版本号修订,超过了10万的下载量.与你们一起,我们创建了世界上最先进的多设备JavaScript框架.有了你们的宝贵參与.才让我们建立了最好的Ext JS框架. 新东西 触屏支持…

原文地址:http://www.sencha.com/blog/top-10-ext-js-development-practices-to-avoid/ 作者:Sean Lanktree Sean is an Ext JS Professional Services Lead at CNX Corporation. 在CNX,尽管大多数的Ext JS开发工作需要从0开始创建新的应用程序,偶尔会有客户让我们帮他们解决内部工作上的性能问题.臭虫和结构性问题.我们以“清洁工”这种角色进行工作已经有很…

原版的:Understanding Widgets in Ext JS 5 在Ext JS 5,引入了新的"widgetcolumn",支持在网格的单元格中放置组件. 同一时候,还在Ext JS 5引入了一种新的被称为"小部件"的轻量级组件. 在Ext JS 5中,已包括了几个小部件,在本文将告诉你怎样轻松的去打造自己的小部件. 为了说明当中的关键概念.在文中将创建一个简单的名为"ratings"的例如以下图所看到的的小部件: 入门 与经常使用的…

原文: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…

近期组织了几个程序员网友,正在翻译一部分官方的Sencha Cmd 6 和 Ext JS 6 指南文档. 眼下还没翻译完,大家能够先看看 Sencha Cmd 6 和 Ext JS 6 指南文档  (Sencha Cmd 6 指南 .Ext JS 6 指南 ) 这里是官方文档 翻译的文档托管在GitHub 感谢以下几位程序员: 魔狼再世.三湘.Hadoop.晨睡 若发现错误请联系我:   欢迎增加Sencha Touch + Phonegap交流群 idkey=65c2e7397b6453999…

原文:Top Support Tips Kevin Cassidy:Grid水印 Ext JS的Grid是一个便于在布局中显示信息的伟大工具.有些用户可能会希望将这些信息打印为会议资料或宣传材料,而且会希望在打印的时候,能添加水印以便进行版权保护.保密或作为品牌的一种方式. 这个很容易实现,只要在Ext JS的Grid中为它指定一个样式就行了,而这只需要一些简单的CSS技巧. 实现这种效果的关键是修改单元格的样式,并在Grid中插入不透明且不会遮盖Grid内容的背景. 要做到这一点,首先是创建一…

原文:Creating Beautiful Drawings Using Sencha Ext JS – Part 1 许多人可能对Ext JS中的图表包相当熟悉了.通过它可以快速创建相当强悍的可视化效果,如三维柱形图和三维饼图.通常情况下,对于应用程序来说,单单图表是不足够的,例如,想在应用程序中创建流程图.座位图.原理图,又或许是一些交互的动画等等. 当然,这可通过HTML的Canvas或SVG来直接创建,但这些东西在不支持的平台上经常会出现问题.要处理跨浏览器问题.不同的规则和视网膜显示差…

原文: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等等组件中使…

原文:How to Style Apps with Fashion in Ext JS 6 在Ext JS 6,一个最大的改变就是框架合并,使用一个单一的代码库,就可以为每一种设备开发各具有良好体验的最好应用程序.它还带来了一种美化应用程序的新方式. 在本文,重点是Sencha Fashion.这是什么?该如何使用它呢?在未来陆续的教程中,将为你展示如何去创建一个极好的暗黑主题. 编译主题 Ext JS应用程序的主题使用的是SASS,它是一种动态编写CSS代码的方法.例如,可以在样式表中使用变量…

原文:Using Sencha Ext JS 6 to Build Universal Apps {.aligncenter} 在Sencha和整个Ext JS团队的支持下,我很高兴能跟大家分享一下有关Sencha Ext JS 6的更多细节.该版本向前迈出了一大步,支持使用一个单一的代码库来开发基于桌面.平板和智能手机的通用应用程序.我们成功的将Ext JS和Sencha Touch框架合并在一起.我想对在建立统一框架的这个旅程中,为我们提供了宝贵的反馈的Sencha社区和我们的客户说声感谢.…

原文:Ext JS 6 Beta is Now Available 概述 Ext JS 6的好处 新的Ext JS功能和工具 需要你的反馈意见 概述 很高兴,Ext JS 6 beta版本现在发布了.该版本是为了让你.社区来测试和评估Ext JS 6工作进度的.这是协助创建最好的Ext JS发布版本的最好方式. 对于Ext JS 6来说,可以单独使用一个javascript框架来创建基于桌面.平板和智能手机的应用程序. 下载Ext JS 6 Beta 查看Ext JS 6的新内容 Ext JS…

原文:Building Maintainable Controllers in Ext JS Apps 你好You Had Me 你是Tearing Me Apart 模板We Dont Need to be aware of No Stinkin的模板 What Weve Got Here是一个失败的沟通者 聪明的视图是重点且易于维护和测试 在eMortgage Logic公司,2011年底开始使用Ext JS 4.当时,还不知道如何正确编写Ext JS应用程序,但最后还是掌握了如何让应用程序…

早期访问版本是什么 如何参与 都包括什么 Sencha Ext JS 6 Sencha Pivot Grid Sencha Cmd 6 JetBrains IDE插件 反馈 原文:Announcing Ext JS 6 Early Access Release 在令人惊艳的SenchaCon 2015最后一周,我们非常兴奋,因为Ext JS 6早期访问版本要发布了.在Ext JS 6,可以使用单一的javascript框架来无缝的创建基于桌面.平板和智能手机的应用程序. 下载Ext JS 6早期…

原文:http://www.sencha.com/blog/top-support-tips-january-2015?mkt_tok=3RkMMJWWfF9wsRolvqvIZKXonjHpfsX77OQlXK%2B%2FlMI%2F0ER3fOvrPUfGjI4AScVqI%2BSLDwEYGJlv6SgFSbfBMbdlybgMWRA%3D Kevin Cassidy:永恒的滚动条 你是否考虑过在Touch容器中一直显示滚动条,而不是让他们自动显示或消失?现在可以实现这个了,而这只需要简单…

原文:Understanding Widgets in Ext JS 5 在Ext JS 5,引入了新的"widgetcolumn",支持在网格的单元格中放置组件.同时,还在Ext JS 5引入了一种新的被称为"小部件"的轻量级组件.在Ext JS 5中,已包含了几个小部件,在本文将告诉你如何轻松的去打造自己的小部件.为了说明其中的关键概念,在文中将创建一个简单的名为"ratings"的如下图所示的小部件: 入门 与常用的从Ext.Compone…

原文:What's New in Ext JS 5.0.1 今天,我们很高兴的宣布Ext JS 5.0.1发布了!此维护版本基于Sencha社区的反馈做了一些改进.下面让我们来了解一下这些改变. 可访问性 与Ext JS 4.2.2一起,我们发布了"ext-aria"包来为可访问性提供了改进的支持(如WAI-ARIA 1.0标准中所描述的).对于提供工具来让提高应用程序的可访问性来说,这是很重要的一步,我们还从测试合作伙伴和早期采用者的反馈意见中学到了一些东西.随着Ext JS 5的发…

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

原文:Announcing Sencha Ext JS 5 简介 我代表Sencha和整个Ext JS团队,很自豪的宣布,在今天,Sencha Ext JS 5发布了.Ext JS 5已经迈出了一大步,在这里,我们还想花一点时间来感谢我们的社区为我们提供的所有反馈和不断的支持.在我们的历史上,这是最大的一次beta版本修订,超过了10万的下载量.与你们一起,我们创建了世界上最先进的多设备JavaScript框架.有了你们的宝贵参与,才让我们建立了最好的Ext JS框架. 新东西 触屏支持 Ext…