`
xyz20003
  • 浏览: 289426 次
  • 性别: Icon_minigender_1
  • 来自: 唐山
社区版块
存档分类
最新评论

在下计划写一份extjs的使用教程,请诸位指教。

阅读更多
在下才疏学浅,为了整理一下这段时间学习的extjs,计划写一份extjs使用教程,上网搜索了一下才发现现在写extjs学习文档的不少,但似乎没有系统的教程,都是东一榔头,西一棒槌,要么就是全盘翻译api。

在下打算系统写一下有关extjs的流程,目前有了一份初稿的目录结构,请大家指点一下,也有一个想法,现在市面上都没有关于extjs的书,不知道我们写完后能不能出书。

下面是现在的目录结构,谢谢大家了。

说在前头的
1. 闪烁吧!看看extjs那些美丽的例子。

    1.1. 一切从extjs发布包开始
    1.2. 看看ext-1.1.1的文档
    1.3. 看看ext-2.0的文档
    1.4. 为什么有的例子必须放在服务器上才能看到效果?
    1.5. 为什么自己按照例子写的代码,显示出来总找不到图片
    1.6. 我们还需要什么?
    1.7. 入门之前,都看helloworld。

        1.7.1. 直接使用下载的发布包
        1.7.2. 只把必要的东西放进项目中

2. 震撼吧!让你知道ext表格控件的厉害。

    2.1. 功能丰富,无人能出其右
    2.2. 让我们搞一个grid出来耍耍吧。
    2.3. 上边那个是1.x的,2.0稍微有些不同哦
    2.4. 按顺序,咱们先要把常见功能讲到,让grid支持按列排序
    2.5. 让单元格里显示红色的字,图片,按钮,你还能想到什么?
    2.6. 更进一步,自动行号和多选checkbox

        2.6.1. 自动行号
        2.6.2. 全选checkbox的时间了,请允许我让2.0先上场。
        2.6.3. 1.x时代的全选checkbox。

    2.7. 分页了吗?分页了吗?如果还没分就看这里吧。

        2.7.1. 表面工作,先把分页工具条弄出来。
        2.7.2. 2.0赐予我们更大的灵活性
        2.7.3. 迫不得已,要加上后台脚本了。
        2.7.4. 其实分页不一定要踩在脚下,也可以顶在头上。

    2.8. 可编辑表格,改变大小,表格间拖拽,树与表格间拖拽。

3. 歌颂吧!只为了树也要学ext。

    3.1. 真的,我是为了树,才开始学ext的。
    3.2. 传统是先做出一棵树来。
    3.3. 超越一个根
    3.4. 你不会认为2.0里跟1.x是一样的吧?
    3.5. 这种装配树节点的形式,真是让人头大。
    3.6. jsp的例子是一定要有的
    3.7. 让你知道树都可以做些什么

        3.7.1. 检阅树形的事件
        3.7.2. 右键菜单并非单纯的事件
        3.7.3. 默认图标好单调,改一下撒
        3.7.4. 偷偷告诉你咋从节点弹出对话框
        3.7.5. 小小提示

    3.8. 灰壳显灵!让我直接修改树节点的名称吧!
    3.9. 我拖,我拖,我拖拖拖。

        3.9.1. 树形节点的拖拽有三种形式
        3.9.2. 用事件控制拖拽

            3.9.2.1. 叶子不能append
            3.9.2.2. 把节点扔到哪里啦

    3.10. 更深一步,整合起来就是一个完整的树形操作。

4. 祝福吧!把表单和输入控件都改成ext的样式。

    4.1. 不用ext的form啊,不怕错过有趣的东西吗?
    4.2. 慢慢来,先建一个form再说
    4.3. 胡乱扫一下输入控件
    4.4. 起点高撒,从comboBox往上蹦

        4.4.1. 凭空变出个comboBox来。
        4.4.2. 把select变成comboBox。
        4.4.3. 破例研究下comboBox的内在本质哟
        4.4.4. 嘿嘿~本地的做完了,试试远程滴。
        4.4.5. 给咱们的comboBox安上零配件
        4.4.6. 每次你选择什么,我都知道
        4.4.7. 露一小手,组合上面所知,省市县三级级联。哈哈~

            4.4.7.1. 先做一个模拟的,所有数据都在本地
            4.4.7.2. 再做一个有后台的,需要放在服务器上咯

    4.5. 把form里的那些控件全部拿出来看看
    4.6. 还要做,字段验证呀,表单提交啊,表单布局咯,文件上传哟

5. 雀跃吧!超脱了一切的弹出窗口。

    5.1. 呵呵~跳出来和缩回去总给人惊艳的感觉。
    5.2. 先看看最基本的三个例子

        5.2.1. Ext.MessageBox.alert()
        5.2.2. Ext.MessageBox.confirm()
        5.2.3. Ext.MessageBox.prompt()

    5.3. 如果你想的话,可以控制得更多

        5.3.1. 可以输入多行的输入框
        5.3.2. 再看一个例子呗
        5.3.3. 下一个例子是进度条
        5.3.4. 动画效果,跳出来,缩回去

    5.4. 让弹出窗口,显示我们想要的东东,比如表格

        5.4.1. 2.0的弹出表格哦
        5.4.2. 向2.0的window里加表格

    5.5. 更进一步撒。

6. 奔腾吧!让不同的浏览器里显示一样的布局。

    6.1. 有了它,我们就可以摆脱那些自称ui设计师的人了。
    6.2. 关于BorderLayout
    6.3. 嗯,不如再看看附加效果

        6.3.1. 先看看split
        6.3.2. 再试试titlebar
        6.3.3. 还不够,还不够,让四周的区域可以缩起来
        6.3.4. 给这些区域都加上个关闭按钮
        6.3.5. 用NestedLayoutPanel在五块中再进行分割,实现更复杂的布局

    6.4. 2.0的ViewPort是完全不同的实现
    6.5. 稍稍感叹一下2.0的简洁吧,让人吃惊的还在后头呢。

7. 低鸣吧!拖拽就像呼吸一样容易。

    7.1. 如此拖拽,简直就像与生俱来的本能一样。
    7.2. 第一!乱拖。
    7.3. 第二!代理proxy和目标target
    7.4. 再拖!再拖拖。

8. 哭泣吧!现在才开始讲基础问题。

    8.1. Ext.get
    8.2. 要是我们想一下子获得一堆元素咋办?
    8.3. DomHelper和Template动态生成html

        8.3.1. DomHelper用来生成小片段
        8.3.2. 批量生成还是需要Template模板

9. 沉寂吧!我们要自己的控件。

    9.1. 下拉树形选择框TreeField
    9.2. 带全选的checkbox树形CheckBoxTree
    9.3. 带全选的checkbox的grid
    9.4. fisheye
    9.5. 可以设置时间的日期控件
    9.6. JsonView实现用户卡片拖拽与右键菜单
    9.7. 下拉列表选择每页显示多少数据

10. 撕裂吧!邪魔外道与边缘学科。

    10.1. dwr与ext整合

        10.1.1. 无侵入式整合dwr和ext
        10.1.2. DWRProxy
        10.1.3. DWRTreeLoader

    10.2. localXHR让你在不用服务器就玩ajax

A. 常见问题乱弹

    A.1. ext到底是收费还是免费
    A.2. 怎么查看ext2里的api文档
    A.3. 如何在页面中引用ext
    A.4. 想把弹出对话框单独拿出来用的看这里
    A.5. 想把日期选择框单独拿出来用的看这里
    A.6. 听说有人现在还不会汉化ext
    A.7. 碰到使用ajax获得数据,或者提交数据出现乱码
    A.8. TabPanel使用autoLoad加载的页面中的js脚本没有执行

B. 修改日志
C. 后记

    C.1. 2007年12月5日,迷茫阶段

        C.1.1. 仇恨
        C.1.2. 反省

    C.2. 关于ext与dwr整合部分的讨论
    C.3. 怎么看文档附件里的范例

D. 贡献者列表

    D.1. 感谢[飘17804726]的大力支持
    D.2. 感谢[吧啦吧啦286556983]的大力支持
    D.3. 感谢[游戏人生395181055]的大力支持
    D.4. 感谢[綄帥77793603]的大力支持
    D.5. 感谢[葡萄5793699]的大力支持
    D.6. 感谢[天外小人442540141]的大力支持
    D.7. 感谢[我想我是海39893874]的大力支持


在线预览:http://203.93.254.59:8889/extdoc/html/index.html 2007-12-13内容不断更新中。

请大家在看我们的教程前,请先阅读文档的前言“写在前头的”http://203.93.254.59:8889/extdoc/html/preface.html,确定对这部分没有异议,再继续浏览其它部分。免得日后有什么争执,谢谢。

分享到:
评论
59 楼 xia_m 2007-12-11  
终于对这个有了大致的了解 谢谢楼主!!
58 楼 xyz20003 2007-12-11  
guoblog 写道


引用
ext不能锁定列(土豆说1.x里支持锁定列,但是2.0里没有了,因为影响效率。),


2.0支持列锁定啊????怎么会说不支持,误人子弟了。


您好,我又回去查了一下api文档。2.0里确实没有locked属性,不知道你说的是不是fixed和resizable。

在1.1.1的api文档里对locked是这样解释的:True to lock the column in place while scrolling the Grid. Defaults to false.

大概意思应该是如果grid出现滚动条的时候,可以锁定某些列,在滚动的时候一直显示着。

而2.0里似乎没有对应的功能,如果您知道如何在锁定列,万望赐教,谢谢。:)


gazhangting 写道


其次、还是想对楼主提一些建议,对于EXT我也玩过一下。也在网上问过关于EXT如何受权,是否免费开源。如果楼主清楚,能否在文档中做个定性。

您好,我在教程中添加了对ext三种授权的解释,如果有什么问题请与我们联系,谢谢。
http://203.93.254.59:8888/extdoc/html/faq.html#ext-faq-01
57 楼 bookong 2007-12-11  
啊?文档收费的?
56 楼 bookong 2007-12-11  
谢谢楼主!
55 楼 guoblog 2007-12-11  
建议大家直接看官方的文档和分析一下例子就可以了。
没什么。改一改官方的东西就要钱,太搞笑了。

没有自己的东西也要钱太无耻了。

54 楼 guoblog 2007-12-11  


引用
ext不能锁定列(土豆说1.x里支持锁定列,但是2.0里没有了,因为影响效率。),


2.0支持列锁定啊????怎么会说不支持,误人子弟了。
53 楼 庄严 2007-12-10  
xyz20003 写道
2007-12-10文档更新     1.docbook-dtd升级到5.0b5,docbook-xsl升级到1.73.2,于是我们得到了代码高亮功能。      2.第一章加入第 1.7 节 “入门之前,都看helloworld。”    3.第四章加入第 4.4 节 “起点高撒,从comboBox往上蹦。”    4.第五章加入第 5.4 节 “让弹出窗口,显示我们想要的东东,比如表格”  谢谢资助我们的朋友,谢谢大家对我们的关注。谢谢:)  
<br/>
有钱才有动力,哈哈!继续努力吧,让更多人更了解EXT!
52 楼 ally0258 2007-12-10  
写的很好,希望你能坚持!
新更新的内容,怎么看不到呀
51 楼 Tristan_Liu 2007-12-10  
jindw 写道
dabengou 写道
能不能不要钱呀!!!!!
真是的里面写的东西太俗了
每个章节最后都是要钱要女人
你觉得有意思????
要是想赚钱算了
中国人什么地方都要钱
你的文章里面到处充斥着你贪财的一面


你也太多心了吧,缓解一下气氛,博观者一笑而已。
我是没有感觉到作者的不妥,倒是感觉到你有那么一点无耻。
没人有义务免费为你服务。


如果你认识那个啥‘尖叫的啥豆’,就知道到底是谁无耻了 ?!!
50 楼 gazhangting 2007-12-10  
“这个东西,怎么看都不正式,第一,他不是真正开源.第二,它从来都没有正式说过是免费还是怎么样.第三,稳定性不是很好.第四,只有真正开源才会有市场.就像java的一些开源包.得好了很好的推广.以上只是对出书的看法.”
关于上次回复此贴,有不少人对我说的有看法。可能是我看问题有些片面。不过还是要解释一下:
1、“这个东西,怎么看都不正式”关于这句话的理解是,文档几乎每一次都有给钱给女人的字样,所以我说怎么看都不正式。
2、“第一,他不是真正开源,第二,它从来都没有正式说过是免费还是怎么样.”,前段时间用EXT1.1时,有网上问了很多关于是否开源和免费。很多人的回答是说jack在玩文字游戏。我的理解好像是在开源与非开源之间。
3、“第三,稳定性不是很好.”关于这一点,用过的人都应该知道,我就不多说了。
4、“第四,只有真正开源才会有市场.就像java的一些开源包.得好了很好的推广.”关于这一点我的意思是要想对这个产品推广,首先应该说清楚这个控件性质。现在法制社会,弄不好就是侵权。会搞得白学习了。
    首先、感谢楼主给我们这些网友做出的贡献。我也是出于对自己言论负责,做出以上解释。
    其次、还是想对楼主提一些建议,对于EXT我也玩过一下。也在网上问过关于EXT如何受权,是否免费开源。如果楼主清楚,能否在文档中做个定性。关于使有,我也想对楼主提些建议,现在文档中,都是介绍前台郊果怎么怎么样。但是在实际使用中,是必须与后台动态语言结合的。楼主能否写些前后结合的例子出来。
    再次、就是关于书,不知道楼主有没有看过ajax in action(ajax实战)这本书。是国外的人写的(中国人译的),与你写的文档有些相似,本人比较喜欢。楼主能否与那书一样,实战为主。学习EXT的人,我想大部分都是有程序基础的人,多些动静结合的例子。我想会更好。如果真写的好话,我想花个二三十元钱买本书,我一定会买。
    最后、还是要感谢楼主这份热心。
49 楼 xyz20003 2007-12-10  
2007-12-10文档更新

   1.docbook-dtd升级到5.0b5,docbook-xsl升级到1.73.2,于是我们得到了代码高亮功能。
   2.第一章加入第 1.7 节 “入门之前,都看helloworld。”
   3.第四章加入第 4.4 节 “起点高撒,从comboBox往上蹦。”
   4.第五章加入第 5.4 节 “让弹出窗口,显示我们想要的东东,比如表格”

谢谢资助我们的朋友,谢谢大家对我们的关注。谢谢:)


48 楼 shily221 2007-12-10  
啥都不说了,就剩崇拜了!你果然是处于牛A与牛C之间呀.希望楼主继续努力.我也在正学习EXT,如果编写文档中,我可以帮上什么忙的,请说一声.
47 楼 piggy 2007-12-09  
好,我上去看看。好东西来的。
46 楼 haha168 2007-12-09  
dabengou 写道
能不能不要钱呀!!!!!
真是的里面写的东西太俗了
每个章节最后都是要钱要女人
你觉得有意思????
要是想赚钱算了
中国人什么地方都要钱
你的文章里面到处充斥着你贪财的一面

你难道不吃饭吗?你给你老板写程序会免费吗?
45 楼 D-tune 2007-12-09  
写的不错,但愿内容能够更翔实
44 楼 gstripe 2007-12-09  
jindw 写道
dabengou 写道
能不能不要钱呀!!!!!
真是的里面写的东西太俗了
每个章节最后都是要钱要女人
你觉得有意思????
要是想赚钱算了
中国人什么地方都要钱
你的文章里面到处充斥着你贪财的一面


你也太多心了吧,缓解一下气氛,博观者一笑而已。
我是没有感觉到作者的不妥,倒是感觉到你有那么一点无耻。
没人有义务免费为你服务。


我也要钱,要女人。
可惜我写不出这么有意思的教程。
所以暂时不敢要。
43 楼 jindw 2007-12-09  
dabengou 写道
能不能不要钱呀!!!!!
真是的里面写的东西太俗了
每个章节最后都是要钱要女人
你觉得有意思????
要是想赚钱算了
中国人什么地方都要钱
你的文章里面到处充斥着你贪财的一面


你也太多心了吧,缓解一下气氛,博观者一笑而已。
我是没有感觉到作者的不妥,倒是感觉到你有那么一点无耻。
没人有义务免费为你服务。
42 楼 dabengou 2007-12-09  
能不能不要钱呀!!!!!
真是的里面写的东西太俗了
每个章节最后都是要钱要女人
你觉得有意思????
要是想赚钱算了
中国人什么地方都要钱
你的文章里面到处充斥着你贪财的一面
41 楼 sslaowan 2007-12-09  
希望能像Thinking in Java一样,既有网络版可以免费下载,也有纸板,买回去看
40 楼 nan_jia 2007-12-09  
<font>顶一下,好好写, </font>

相关推荐

    ExtJs视频教程整包打包

    ExtJS 文字教程 extjs2 dojochina系列 extjs2视频教程 DOJO Extjs3-北风 Extjs3-大漠 ExtJS3.4-界面实战 extjs4 30集 uspcat系列 extjs4 其他视频一套 Extjs4.0MVC项目开发视频教程 extjs4.1.1视频教程 ExtJS4培训...

    extjs教程,extjs教程,extjs教程

    extjs教程,extjs教程,extjs教程,extjs教程,extjs教程,extjs教程,extjs教程,extjs教程,extjs教程,extjs教程

    dojo china extjs 视频教程源码

    dojo china extjs 视频教程源码 和dojo china extjs 视频教程的代码一样 extjs爱好者 下载

    ExtJs4.0入门教程

    ExtJs4.0入门教程,详细介绍ExtJs4.0。

    ExtJS2.0简明教程

    教程包括ExtJS 的新手入门、组件体系结构及使用、ExtJS 中各控件的使用方法及示例应用等,是一个非常适合新手的ExtJS 入门教程。本教程主要是针对ExtJS2.0 进行介绍,全部代码、截图等都是基于ExtJS2.0。

    ExtJS入门教程.pdf

    ExtJS入门教程 一、开始EXTJS 二、组件的介绍 三、EXT核心

    ExtJs 教程

    ExtJs 教程

    ExtJS2.0教程.chm +Extjs2.2.1压缩包

    ExtJS2.0教程.chm ExtJS2.0教程.chm ExtJS2.0教程.chm Extjs2.2.1 Extjs2.2.1

    ExtJs教程_完整版.pdf

    ExtJs教程_完整版,Extjs入门教程,不错

    ExtJs教程_完整版

    ExtJs教程_完整版

    免费 Extjs4.0教程视频

    第一讲:extjs4.0概述和HELLO WORD程序 [01]EXTJS4.0的概述和HELLOWORD程序.wmv 第二讲:extjs4.0的新特性(附件较大做了分包压缩大家只要下载3个包运行001就ok了) [02]EXTJS4.0的新特性.003.zip (14.41M)[02]EXTJS...

    extjs4-教程

    extjs4-教程搭建 ExtJS 入门学习、可视化开发环境、布局详解 、文档阅读

    ExtJs 2.2 简明教程 01 入门

    自己写的ExtJs简明教程,第一节是入门,包括如下内容: ExtJs包的内容和简介 Spket插件的安装 API的使用和安装(针对不停loading的问题) 还有入门实例和它的代码

    ExtJs 实例+ExtJs中文教程(学习extjs必备)

    ExtJs 实例+ExtJs中文教程 大量ExtJs的实例和目前最好的ExtJs中文教程,学习ExtJs的朋友可以参考一下

    ExtJS入门教程

    1、开始使用extjs 2、组件的介绍以及应用 3、ExtJS的核心 该教程有相应的代码以供参考 &lt;!--导入Ext3.2--&gt; &lt;link rel="stylesheet" type="text/css" href="extjs3.2/resources/css/ext-all.css" /&gt; ...

    extjs使用教程

    最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA 系统也正在使用ExtJS2.0 进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习 ExtJS 的一些心得及小结,希望能帮助正在...

    EXTJS视频教程说明

    EXTJS视频教程说明

    Extjs中文教程

    Extjs官方中文教程,相当不错的EXTJS教程,我就是用它入门的。 简介: 相当不错的EXTJS教程。

    ExtJs入门教程(适合新手).ppt

    ExtJs 最新 入门教程(适合新手).ppt

Global site tag (gtag.js) - Google Analytics