在清华大学出版社网站看到了书籍信息了,具体地址是:http://www.tup.tsinghua.edu.cn/book/Showbook.asp?CPBH=056140-01&DJ=51 预计3月底,最迟4月1日就有售了. 图书详细信息: ISBN:9787302353393 定价:51元 印次:1-1 装帧:平装 印刷日期:2014-2-26 内容简介: 本书是一本 Ext JS实战系列的书,主要通过简单的 CMS系统的开发过程,介绍了使用 Ext JS 4.2开发应用程序的新模式和新思路.…
目录: 第1章    Ext JS 4概述1.1    从Ext JS 4.0到4.071.2    从4.1到4.1.1a1.3    从4.2到4.2.11.4    如何选择版本1.5    基础知识1.5.1    Ext JS的一些专用术语1.5.2    一些常见的配置项1.5.3    类的命名规则1.6    关于调试1.7    小结第2章    Ext JS的MVC模式介绍2.1    概述2.1.1    MVC模式概述2.1.2    Ext JS的MVC模式2.2  …
前言 分页功能的实现有两种途径: 一种是服务端分页方式, 也就是web客户端传递页码参数给服务端,服务端根据页面参数返回指定条数的数据.也就是要多少取多少.这种方式比较适合Grid  的数据量很大,需分批取. 另一种是客户端分页方式, 一次性从服务端取回所有的数据在客户端这边实现分页.这种自然适合数据量较少的状况,减少和服务端的交互, 对性能有一些帮助.这种方式还有一种好处就是对于初学Ext JS Grid 或分页功能比较简单和直观了. Ext 目前的官方文档中,对于客户端分页的方式介绍和实例不…
今天编辑告诉我,在网上可以买到这书了,购买链接是http://www.amazon.cn/Ext-JS-4-2%E5%AE%9E%E6%88%98-%E9%BB%84%E7%81%AF%E6%A1%A5/dp/B00J1YFJZM/ref=sr_1_1?ie=UTF8&qid=1395205737&sr=8-1&keywords=ext+js+4.2%E5%AE%9E%E6%88%98.…
很久没写文章了,主要原因和大家差不多,都要为生活奔忙,搞了两个小项目.这两个小项目很凑巧,都可以使用Ext JS来开发,这正是练习使用Ext JS 6的好机会,自然不会错过. 很多读者可能会问,为什么不直接使用熟悉的Ext JS 4来开发,而使用结构完全改变了的Ext JS 6呢?首先,Ext JS 4的MVC模式,控制器的使用我觉得太繁琐了,不太喜欢,而6的修改为视图模型以及与视图绑定的控制器,我觉得写起代码来会挺舒服的.其次,对于组件的使用等方面,熟悉Ext JS 4的,使用起Ext JS…
前言 所谓的picker , 就是弹出一个选择框,让你选择一些信息.比如选择日期, 选择颜色等: 选择的结果总是要放在一个地方的,Picker Field 就是用来放置选择结果的一个文本框. 在Ext js中综合起来使用的方式就是, 在 form 里添加一个picker 类型的 field, 这个field比较特殊的是有一个点击按钮, 点击之后可以弹出一个选择框, 在选择框里选中的值添入filed 中. Ext JS 中的Picker Ext JS 目前的版本有三种选择器 1. Date  (E…
前言 在 [Ext JS 4] 实战之 带week(星期)的日期选择控件(二) 的最后,有提到一个解决方案. 不过这方案有一个条件  ==> “2. 每年的周数从(1-52), 如果超过52 周,算到下一年的第一周” 这个条件有一个漏洞就是: 像 2011 年, 全年53 周, 第 53周整周都是2011年的天数,所以算成2012年的第一周就不对了. 综合: 还是两套标准之间的换算还是会有一些问题. 既然这样就不去混合使用两套标准的方法. 对于每个星期一周日开始的标准来说, 可以有更简单的方法.…
前言 [Ext JS 4] 布局之实战一 - 中间区块不会自动伸展 (tab) 在上一篇中,中间的tab 区块无法自动伸展的原因一句话说就是: 使用contentEL的方式,相关HTML元素不会参与组件使用的布局方案. 但是在实际的开发过程中, 有时后这种方式可能无法避免, 或者说已经开发的代码,如何最简单的修正这个问题. 解决方法 利用center 区块的resize 事件可以解决这个问题. 因为在左边收合时,会触发center 区块的resize. 贴代码: <html> <head…
引言 贴一个grid 的例子先: 有这样一个需求: 1. 给 Grid(or Tree Grid)添加一列, 这一列显示是Button. 点击之后可以对这一行进行一些操作 2. 这一列每一行对应的按钮不尽相同, 根据每一行的数据不同,显示的按钮不同,对应的点击操作也不同. 解法 针对以上需求1 , 很容易就可以解决. Ext JS 的Grid 有提供 Ext.grid.column.ActionView   xtype: actioncolumn 这样的列. 只需要在grid panel 的co…
前言 本篇这里以稍微复杂一点的Tree Grid 来介绍. 在写编辑grid 之, 先来看一下 grid 的 selType 的配置. 先给一个简单的Tree grid 的例子: Ext.onReady(function(){ var treeStore = Ext.create('Ext.data.TreeStore', { fields: ['id','name','sex','age'], root:{ "children":[{id:'001',name:'shu',sex:'…