中文教程

这几天想了一想，想把自己空闲的时间利用起来开发一套Sencha Touch 2的人事考勤系统。和大家一起分享, 也希望大家能参于进来，一起开发。
今天我打算把登录界面发布出来，不过有几个问题我还在思考当中.
1: 字体不是太好, 界面看的也不是太舒服.
2: 当单击登录按钮的时候还没有实现验证用户名和密码:

encha Touch comes with fully history and deep-linking support. This gives your web applications the following two important benefits: The back button works inside your apps, helping you to navigate correctly and quickly between screens without refreshing the page Deep-linking enables your users to send a link to any part of the app and have other load the right page The result is an application that feels much more in tune with what users expect from native apps, especially on Android devices which fully support the built-in back button.

煎茶触摸配有充分的历史和深度链接支持。这使你的web应用在以下两个重要的好处：“后退”按钮可以在你的应用程序，帮助你正确导航和屏幕之间快速无需刷新页面深联使您的用户发送一个链接的应用程序的任何部分，有其它负载右页的结果是一个应用程序，感觉更合拍，与用户期望从本地应用程序，尤其是在Android设备上全力支持内置的后退按钮。

以上是官方解释，以及谷歌翻译。

下面以一个实例来解说

实例下载地址：http://download.csdn.net/detail/jy02534655/5480079

如果使用adt-eclipse来打包应用

我们上次偶然发现了一个问题，我们在一个庞大的项目中，然后按照 spring web flow 走下去，最后一步提交，提交成功，但是回到某个页面上的时候，总是报错，说某个变量 比如var projectInfo,这个变量为null。

后来我们仔细看了下代码，原来是因为这个页面上有个字段是textarea,然后它会支持多行输入，多行也就是\n,然后在extjs看来，它无法对于一个包含\n的字符串进行decode,所以decode的结果就是null

我们实验如下：

(1)Ext.decode一个包含\n的字符串：

这里可以看出decode会失败。

最近在看一些extjs和nodejs的东西，就试着将其结合着使用下。

1.新建express项目

首先我们新建一个express的项目，可以参照Web Development With Express。

express -e extjs-demo
cd extjs-demo
sudo npm install

涉足了一下sencha touch ，它也属于ExtJs框架的一种，看了很多天，糊里糊涂的，虽然有API，可是不懂它的机制还是没啥用……

后来看了很多博文，才略懂一二啊

或者步骤可以这样说：

1、下载sencha touch 的开发文档，里面包括了example ，2.1.0版本及低版本的还包含API，新版本的连到了官网。
2、下载Sencha Cmd 工具，利用DOC命令，可以直接build一个app初版。
3、sencha touch 开发工具配置代码提示，具体方法可以网上再搜。

[code]
/**
* 该表单提供对各个元素回车验证并且自定切换到下一个元素功能
*/
Ext.define("Ext.ux.form.Panel",{
extend:"Ext.form.Panel",
isValid:function(){
var isValid = true;
Ext.Array.each(this.items.items,function(item,index){
if(!item.isValid()){
isValid = false;
item.focus();
return false;
}
});
return isValid;
},
initComponent:function(){
var me = this;
var specialKey = function(field,e,eOpts){
if (e.getKey() == Ext.EventObject.ENTER) {
var isValid = true;
if(!field.isValid()){
field.focus();
}else{
if(me.isValid()) {
me.getFo

上次发了Easyui Datagrid的增删改查的使用学习记录后一直想整理下基于Extjs4.2的Grid学习使用记录。苦于抽不出时间，一直拖到现在。不得不说，Extjs确实很强大，新版的Neptune风格也很入我眼，但毕竟没怎么用过，第一次用，也不敢上来就搞什么自定义组件，也就纯粹的model+store+panel声明式创建表格了。

抛开分页，抛开排序，今天只简单讲一下最近使用中总结出来的rest形式增删改查数据的方式。发现这种方式挺不错的，故而分享下。
代码Example如下：

首先声明，我是一个菜鸟。一下文章中出现技巧误导情况盖不负责

这个问题困扰了我好几个月，每次应用sencha app build production后，版本的动改没法自动更新，每次都要需手动理清浏览器缓存。

终究下决心究研下这个问题的处理，费了劲终究搞定。

1. 研读源代码

senche的处好是开源。针对缓存这块要重的代码是

touch\microloader\production.js

里头是有所关于缓存的代码

ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。

该视频教程主要分为4部分:
第一讲.ExtJs初识及其环境搭建