jQuery MiniUI,快速开发WebUI界面

中文教程

一步一步创建Sencha Architect Files(aux)

一点小牢骚:最近在做一个项目,经过寻寻觅觅发现Extjs 4.2挺符合要求的,那就它了。上了手了才发现上了贼船了,中文的开发资料巨少。上Sencha的英文官网,速度慢不说,查找一些资料也不是特别方便,谁让咱们上学的时候没有学好英文呢:(,英语老师我对不起您们啊啊啊!!。带着4,5个兄弟开发,中间发现数值控件Number Field,居然不支持千位分割符(,),太不地道了,在官网论坛上一顿查找,发现一个叫Greivin Britton的巴拿马雷锋,居然已经解决这个问题了。欢天喜地的下下来,咦,不打成包做成组件没有办法在Architect 3.0里面使用,而且多人开发,咋让兄弟们的Architect里面也用上啊,必须给整,说弄就弄了,参考各路天书资料,弄了几天都快崩溃了,老是这个不行,那个不行的,一直捅咕了3,4天才搞定,回头一看,我要骂娘了啊,啥狗屁资料啊啊啊!!!!破天荒第一次万年潜水员,准备冒个泡,给大家整个资料,帮助自己和大家梳理一下这个制作流程,希望对大家平常的开发有所帮助。


在Ext JS和Sencha Touch中创建自定义布局

布局系统是Sencha框架中最强大和最独特的一部分。布局会处理应用程序中每个组件的大小和位置,因而,不需要手动去管理那些碎片。Ext JS与Sencha Touch的布局类有许多相似之处,最近在 Ivan Jouikov的这篇博文中对他们进行了详细的分析。

虽然是这样,但很多Ext JS和Sencha Touch开发人员可能永远都不会去了解布局系统的机制原理。Sencha框架已经提供了最常用的应用程序布局,因此很少出现应用程序需要额外功能的需求,因而不大会有人愿意去了解布局系统的内部运作。

试想一下,你的公司需要在应用程序中使用3D Carousel来显示界面元素,但没有任何标准的Sencha布局可以提供这种能力,哪怎么来解决这个问题呢?

使用Ext JS设计响应式应用程序

在当今这个时代,用户都希望Web应用程序无论在形状还是大小上,既能在桌面电脑,也能在移动设备上使用。使应用程序能适应不同的需求渐成趋势。幸运的是,Ext JS 5提供了所有支持应用程序以符合任何屏幕尺寸、形状和方向的工具。

在Ext JS 5应用程序中如何使用路由

简介

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

Ext JS 4 - Ajax和Rest代理处理服务器端异常和消息的方法

可能要处理的情况:
success(成功)——Ext处理
failure(失败),由于通讯问题——Ext处理
failure(失败),由于服务器端异常——开发人员人员必须处理的响应失败……

Ext JS - 高效的编码风格指南

1,切勿使用“new”关键字:在Ext JS中,使用“new”关键字来创建一个组件或类的实例是一种错误的做法,因为这没有遵循组件的生命周期。应该使用Ext.create方法来创建对象,例如:

错误: var obj = new Ext.panel.Panel();

正确: var obj = Ext.create(‘Ext.panel.Panel’);


在Ext JS 5中使用ViewControllers

简介


在Ext JS 5中,在应用程序架构方面提供了一些令人兴奋的改进,如添加了ViewModels、MVVM以及viewControllers来加强MVC应用程序。最重要的是,这些选择并不互斥,因此,可以采用增量的方式来介绍这些功能,又或者将他们混合在一起。

Ext JS最新技巧

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


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

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

HTML5企业安全访问控制的七种武器

自从2010年乔布斯宣布苹果不再支持Flash而专注于HTML5以来的近5年以来,HTML5得到了迅猛的发展。如今HTML5的创建工具层出不穷。这些工具已经不仅仅局限于游戏和视频的创建。其中一些,比如说Sencha Space,提供了一整套关于多设备,针对数据及应用支持的BYOD解决方案。

前端开发框架选型清单

随着Web技术的不断发展,前端开发框架层出不穷,各有千秋,开发者在做技术选型时总是要费一番脑筋,最近,IBM高级工程师王芳侠撰文对Bootstrap、jQuery UI、jQuery Mobile、Sencha ExtJS、Sencha Touch、Sencha GXT、Dojo、Dojo Mobile、Mootools、Foundation、YUI、Kissy、QWrap 等 16 个国内外前端开发框架进行了比较详细的比较,非常值得读者借鉴。

培训提示:解决常见编码问题的简单技巧

很多时候,在我教授一个Sencha培训课程的时候,学生经常会请求我帮忙看一下他们的应用程序,因为有些问题他们不知道如何去解决。由于不是我写的代码,因而,有时很难快速的向他们给出答案。还好,我有一套简单的技术,可以用来筛选出最明显的问题。

在本文,我将对一些最常见的问题进行分类,并介绍一些简单而有效的策略来解决这些问题。

问题:我看不到我的数据


你正在浏览你的应用程序,单看不到任何数据。通常,该问题很容易解决。

试一下以下方法:


首先,先检查存储(Store),可以在应用程序运行时在浏览器控制台来做这个:

对于ExtJS 5,你准备好了吗?

Ext JS 5:准备升级


对于Ext JS 5加入Sencha的大家庭,我们感到非常高兴!作为一个主要版本,在Ext JS 5引入了一堆的新功能,包括:

  • 支持平板
  • 双向数据绑定
  • 新的NVVM应用程序架构
  • 小部件和部件列
  • 清脆的主题
  • 路由
  • 以及更多
如果想了解完整的新功能列表,请阅读《在Ext JS 5有什么新东西指南》。

如果想了解更多有关Ext JS 5的东西或咨询有关升级的问题,请在这里注册并参加我们在北京时间2014年4月25日1点(4/24/14 at 10am PDT,美国太平洋夏季时间,不知道有没有算错,自己再算一下)举办的一个小时的在线研讨会。


ExtJS 5的委托事件和手势

简介

Ext JS在5之前的版本,被设计为专用于传统鼠标输入的桌面设备使用。而从5开始,添加了对触屏输入的支持,这让Ext JS对设备的选择有了更大余地,包括主流的平板,以及触屏的笔记本电脑。这种变化会对使用框架的用户造成影响,但这有助于理解屏幕后的情况。在本文,将探讨框架是如何处理触碰事件以及在设备之间是如何实现事件的规范化。

ExtJS 5最新技巧

Mitchell Simoens:控制滚动指示器的自动隐藏

Sencha Touch有一个跨平台的,在所有平台看起来和工作效果都一样的滚动条。两条轴(x和y,水平和垂直的区别)都有他们自己的滚动指示器,正如你所期望的,默认情况下,他们是隐藏的。不过,在某些情况下,可能需要一直显示指示器。在新的Touch 2.3.0种,每个指示器都有一个autoHide配置项来控制指示器的显示,设置autoHide为false将不再自动隐藏,在容器或它的子类内的scrollable配置项内进行定义就可以了。

例如,在y指示器的配置中将autoHide设置为false,就可以让y指示器一直显示。而让x指示器保持为默认值,就会自动隐藏。

可以访问以下地址来查看效果:https://fiddle.sencha.com/#fiddle/1u9

Sencha Touch2中selectfield组件如何接收非标准options数据

问题:selectfield组件默认接收的options数据形如:

    var selectOptionData = [
    {text: 'First Option',  value: 'first'},
    {text: 'Second Option', value: 'second'},
    {text: 'Third Option',  value: 'third'},
    ]; 

而我从后台服务接到的数据可能形如:

ExtJS ComboBox 录入智能提示

ExtJS ComboBox非常复杂,有很多的属性;其中有的属性是针对某一种特定的方案而设计的,不是所有情况下都有效。我想下拉选择能支持录入,并且录入时能智能提示,弄了半天可以了,但是只能是mode='local'的这种方式,即数据只能加载到本地,在本地检索;如果改成mode='remote'却不能。数据量太大想过滤后再加载不能实现了,郁闷了半天; 又过了很长时间,数据量太大加载太慢的问题一直困扰着我,如是潜心研究了一番;终于mode='remote'也可以远程过滤后加载了,录入时智能提示了。

附上代码:

解读sencha touch移动框架的核心架构(二)

来这行要详解Ext.extend的,但是发现网站有很详细的,那么就跳过去吧

为保持一个系列的分析,还是先搬过来吧,下章开始分析Ext4.0的新架构

在Java中,我们在实现继承的时候存在下面几个事实:

1, 准备两个类,他们用extends关键字链接起来

2, 如果超类没有默认构造函数,需要在子类构造函数中显式的super并传参,如果都是默认构造函数也可以super,不super虚拟机是自动的

3, 子类可追加,覆盖,重载方法,子类可以有自己的私有属性,他们在子类构造函数中被构造

4, 字段是数据,方法在代码区,和类建立方法表,同一个类的对象有自己的数据但是共享方法代码

比如有两个类,Plane和Space,Plane表示平面,Space表示空间,Space是Plane的子类,在java中

解读sencha touch移动框架的核心架构(一)

Sencha的前身就是Extjs了,sencha 框架是世界上第一个基于HTML5的Mobile App框架

那么何谓框架,传统软件工程对于库和框架的区分主要着眼于对应用运行流程的控制权,框架提供架构,控制运行流程,让开发者在合适的地方书写针对具体问题的代码

sencha提倡的就是组件化编程,是面向对象的技术的一种近一步的发展延伸,类的概念仍然是组件技术中一个基础的概念,但是组件技术更核心的概念是接口。

sencha是重量级的架构了,一般来说很少会有公司用到内部的这种架构,因为太像java的Swing了

不过我在项目中用sencha组织的代码结构拿来主义本来不是我的风格,自己也改动了很多代码, 但是整体的设计还是参考的sencha了

有项目图为证:3万行以上的纯js代码架构哦~

AMD + sencha核心

移动开发者必须了解的10大跨平台工具

在本文中,我们盘点了过去的一年里,最受开发者喜爱的跨平台应用及游戏开发工具,尤以HTML/JS/CSS为众,却也包含使用其他语言进行开发的工具,比如Xamarin,使用C#,就能开发出运行于各大主流移动平台上的原生App。

  成本低、周期短,易于上手,不用重新设计,种种好处让跨平台开发风头无量,也让诸多跨平台开发工具趁势崛起。在本文中,我们盘点了过去的一年里,最受开发者喜爱的跨平台移动应用开发工具,尤以HTML/JS/CSS开发为众,比如PhoneGap、Sencha Touch等,却也包含使用其他语言进行开发的工具,比如Xamarin,使用C#,就可以开发出能运行于各大主流移动平台之上的原生App。

sencha touch datepicker修改月份和星期名字

sencha touche datepicker控件没有提供直接修改月份的方法.经过查看源码搜索,出框架提供一个全局的变量.Ext.Date.monthNames.datepicker引用的是这个变量,所以只需要修改这个变量就可以了.