jQuery MiniUI,Ajax Web开发

中文教程

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引用的是这个变量,所以只需要修改这个变量就可以了.

Sencha Touch / ExtJs 热门支持技巧

Sencha支持团队分享了他们在每月的Sencha新闻通讯中针对Sencha框架的热门技巧。在本文,将会介绍一些新的技巧和从今年早些时候总结出的很多重要技巧。如果喜欢这些与Sencha框架有关技巧和大量的技术文章,请订阅每月的Sencha通讯。

在Ext JS中创建特定主题的重写

Ext JS提供了大量的功能来使类的创建和处理变得简单,还提供了一系列的功能来扩展和重新现有的Javascript类。这意味着可以为类添加行为和创建属于自己的类,或者重写某些函数的行为。在本文,将展示如何实现特定主题类的重写。

Ext JS提供了大量的功能来使类的创建和处理变得简单,还提供了一系列的功能来扩展和重新现有的Javascript类。这意味着可以为类添加行为和创建属于自己的类,或者重写某些函数的行为。在本文,将展示如何实现特定主题类的重写。

可能你已经知道如何创建Ext JS类的重写。例如,希望改变默认行为或修补框架。在这种情况下,可以使用以下代码来创建类的重写:

Sencha Touch华为emotion ui下hide事件失效,msgbox无法关闭的解决方案

因为前段时间抢到了华为荣耀3c,所以做项目的时候就用荣耀3c测试了一下项目,

  结果发现在华为的emotion ui上sencha touch的messagebox的弹窗,弹出后点击确认按钮时无法隐藏,

  有的圆角框还有会缺边,不过不仔细看倒是不看得出来,

  这是我的项目在手机上的截图,

  当我点击确定按钮的时候,messagebox的模态背景消失了,但是弹窗并不会消失,仔细看登陆框的圆角,有点缺边,我想华为应该是改过系统的浏览器内核了,至于做了哪些变动,这还真说不清


ExtJs-初步学习

最近在系统学习Extjs框架,从刚一开始接触Extjs到现在发现对Extjs越来越喜欢了。刚开始只是想在页面上实现一个展示大量图片的功能,就像在线订餐系统展示菜单的效果那样,每幅图片上都有一些必要的信息、动作、链接等。效果如下图:

Sencha Touch Ext.app.Application

Ext.app.Application一般用于app.js中

用来初始化整个应用

可以预先加载controllers(控制器),models(模型),stores(数据源),views(视图)

例如:

Cordova3+sencha touch2.x 环境搭建

1.安装 nodejs
2.安装 cordova:
npm install -g cordova
3.创建一个工程:
cordova create MyApp com.example.MyApp MyApp

其中:第一个 MyApp是文件夹的名称;
com.example.MyApp 是app id
第二个MyApp是工程的名称,也是应用的名称
4.进入文件夹
cd MyApp
5.创建一个android的应用
cordova platform add android

Sencha Touch 列表批量选择扩展

效果如下图: