投放本站广告请联系: extjscn#126.com
1、数组求最大,最小值,判断是否包含元素 2、过滤Backspace回退键 3、IE下获取name属性元素 4、设置可编辑表格是否可编辑 5、自定义clearAll()函数
移动 Web 应用程序开发有望通过一个应用程序便可接满足许多用户的要求。许多出色的框架都能帮助您完成这项任务,本系列讨论了其中几个框架。通过缩小受支持设备的范围,调整运行某些版本的 Android 或 iOS 的设备的范围,您的应用程序的复杂性降低了,而潜在功能却增加了。这正是 Sencha Touch 背后的理念,该移动 Web 应用框架基于 JavaScript 库(过去称为 Ext JS)。事实上,Sencha Touch 为高端智能手机提供了完整的移动 Web 解决方案。
1.什么store? Store类似于一个本地仓库(即数据存储器),包括有 ArrayStore,DirectStore,GroupingStore,JsonStore,XmlStore(都是store的子类) 最终主要用于提供给panel去显示. Store由Proxy(数据源)和DataReader(解读数据)组成。 一.(Proxy)数据源:一般是后台的值,习惯性的把它转换成json对象给store(注:个人理解) 二.(DataReader)读取数据:获得了数据后需要解析数据,DataReader(fields属性其实是Record对象的)解析数据并指定格式. 三.store存储好的数据最后交给panel
sencha 2.0 支持html5的sessionstorage , 定义sessionstorage:使用起来,就像普通的store一样,先define一个model,并给与id,(这样做是为了下一次读取session时,定义一个model,也使用这个id,就取到这个model的值了),并且feild里面也要定义个id的字段,(这样做,是为了add一个session的值的时候,通过这个id辨认不同的session组) 然后定义store,使用add方法,如:add({id:'user',name:'chris',password:'123'}); id为这个session组的识别,最后还要sync()或者save()同步这个store;
sencha规定push(),pop()方法效果很好,但只能使用在Ext.navigation.View类型的页面里进行,如何能使用它呢?sencha的example里其实也有这种用法。 即时,在引入的第一个view,做空箱子,把别的不是Ext.navigation.View类型的页面push或者pop进来,比如:在app.js处引入了Main这个navigation类型的view :
encha 做有自己的输入日期输入框,xtype: 'datepickerfield'。 提交表单后,如果是使用getValue(),那么取到的值是一个日期对象;如果是用getFormattedValue(),取到的值是一个显示区域的格式的值,比如设置有:dateFormat : 'd/m/Y', 那么取到的值也是d/m/Y格式;如果需求要求显示的日期刚好能进行比较,那就还好;如果不一样,方法有两种了: 1、取到格式化的值,然后进行字符串切割,做到可以加减比较来算出天数,不过相差月份转换为天数,也是一个难题,因为有大小月,闰月的说法,这种做法不合理,效果也差; 2、用getValue(),取到对象,然后使用js的日期函数,进行计算: 先取得日期输入框的对象
在sencha 2.0中,经常会用到xtype:image, 但是这个类型的使用,它的表现形式都是一个
ExtJs视频教程(全)
这个视频应该是现今为止最全的ExtJs视频里,一共有50多篇,非常适合那些不喜欢看文字的同学观看.
感谢 "紫飞鱼" 整理.
视频观看地址:
http://www.56.com/w31/album-aid-9962591.html
使用Sencha + PhoneGap 开发的朋友,可能会遇到 sencha touch2 + phonegap在android 4.x 启动后白屏的问题.这个问题很烦人,在某些机上会出现,某些机上不会出现,到底是什么原因导致的呢?
一行代码就解决了sencha touch2 + phonegap在android 4.x 启动后白屏的问题,在index.html里加入下面一段代码:
sencha touch2还有很多组件,我不能一一列出。如果你想知道更多,可以看官方的文档。 到现在我还没用sencha touch2做过系统,因为现在sencha touch2性能还是不乐观。加载了个小组件,需要几秒钟。用户体验极差,而且界面方面相对于本地应用也没什么优势,他能做的本地都能做的出来,而且性能比他好。但是我相信随着手机性能的提高,和sencha touch2的优化。sencha touch2会展示出自己优势的一面,比如跨平,便于开发人员。
Carousel是一个可以滑动的组件,就如android的ViewFlipper。只是Carousel更好看。 代码如下: ...................................... ......................................
在sencha touch2中,panel就是一个容器,可以容纳很多组件,可以控制布局。代码如下 ................................. ................................. docked:'top'表示工具栏位置在上。这只是个hello world式的例子 。如果想了解复杂的应用,可以参看文档的介绍哦。
自从一群牛人整出ExtJS这个框架之后,WEB世界就变得更加完美,特别是对追求唯美而却没有多少美术细胞的WEB程序员而言,Ext的出现弥补了他们这方面的缺陷,因为从此以后大多数的美工他们可以用程序来实现,插上了Ext的翅膀,摇身一变,突然你会发现他们居然真的一个个美感十足。
1.首先将你的路径路由到你sdk包下方:
2.路由到该路径后执行命令:sencha app create MyApp /path/to/www/myapp
3.成功!
Fit布局很有特点,它只允许自己的第一个item被显示出来,并且填充满自己。如果它的item多于一个,那难免是会出些意外的情况的。
如果你发现你的容器内的控件有的没有全部被显示出来,那不妨看看它的layout是否为fit,试着将它强制设为vbox往往就能解决问题。
下图是在一个layout为fit的Panel里放了三个button的结果:
所以说:除非你想营造些令人匪夷所思的效果,请不要在fit布局的容器里面放超过一个的东西。
Sencha Touch里的布局有五种
Box布局 顾名思义,box布局就是一个个的box组成的。 hbox: 水平排列、垂直居中、靠左置顶 vbox: 竖直堆叠、水平居中、靠上置顶
大家好,今天再为大家奉献一篇入门教学,这次是关于浏览器调试的。 无论你是在学习,还是做项目,熟练地掌握浏览器的调试功能,都将会有很大的帮助。调试能够帮助你快速地了解框架,处理bug,让你不论处理什么都能够更快速,更准确。 在这篇文章里,我将详细地为大家介绍chrome浏览器中常用的调试功能,对于其他的浏览器,大家同样可以触类旁通。接下来->打开chrome->按F12。开始chorome调试之旅吧!
JSBuilder2(extjs.com/products/jsbuilder )是配合Ext 3新发布的AJAX打包工具,用Java语言编写,制成JAR格式执行文件发布。作为一个方便开发者的打包工具,它内含有几种开源项目在内,包括 Rhino Project(著名的JavaScript编译器)、YUI Compressor(压缩JS/CSS)和Java环境下JSON的编码器(来自www.json.org),方便在JavaScript和CSS项目 中使用。
下载地址:
http://dev.sencha.com/deploy/JSBuilder2.zip
Sencha Touch 2 封装了很多的UI组件,今天标记下学过的组件---formPanel。var formPanel=Ext.create( 它的包名为Ext.form.Panel。所以创建的时候代码如下:
最近几天学了下sencha touch2的一些基本控件和一些写法。都是很基础的(呵呵 高级的我学不会。。) sencha touch2的语法感觉很像面向对象的语法。有自己的类,类可以继承。(现在语言貌似都向oop靠拢。。)。 sencha touch2如果项目大的话有一种mvc的架构写法。这以后贴代码给大家看吧。 这篇文章讲的是sencha touch2的类。 废话不多说了。开始吧。 首先你先配置下sencha touch2的环境,导入sdk什么的,请参照http://extjs.org.cn/node/543