在下才疏学浅,为了整理一下这段时间学习的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,确定对这部分没有异议,再继续浏览其它部分。免得日后有什么争执,谢谢。
评论
xia_m 2007-12-11
终于对这个有了大致的了解 谢谢楼主!!
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
bookong 2007-12-11
啊?文档收费的?
bookong 2007-12-11
谢谢楼主!
guoblog 2007-12-11
建议大家直接看官方的文档和分析一下例子就可以了。
没什么。改一改官方的东西就要钱,太搞笑了。

没有自己的东西也要钱太无耻了。
guoblog 2007-12-11
引用
ext不能锁定列(土豆说1.x里支持锁定列,但是2.0里没有了,因为影响效率。),


2.0支持列锁定啊????怎么会说不支持,误人子弟了。
庄严 2007-12-10
[quote="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 节 “让弹出窗口,显示我们想要的东东,比如表格” 谢谢资助我们的朋友,谢谢大家对我们的关注。谢谢:) [/quote]
有钱才有动力,哈哈!继续努力吧,让更多人更了解EXT!
Tristan_Liu 2007-12-10
jindw 写道
dabengou 写道
能不能不要钱呀!!!!!
真是的里面写的东西太俗了
每个章节最后都是要钱要女人
你觉得有意思????
要是想赚钱算了
中国人什么地方都要钱
你的文章里面到处充斥着你贪财的一面


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


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

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

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


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


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


你也太多心了吧,缓解一下气氛,博观者一笑而已。
我是没有感觉到作者的不妥,倒是感觉到你有那么一点无耻。
没人有义务免费为你服务。
dabengou 2007-12-09
能不能不要钱呀!!!!!
真是的里面写的东西太俗了
每个章节最后都是要钱要女人
你觉得有意思????
要是想赚钱算了
中国人什么地方都要钱
你的文章里面到处充斥着你贪财的一面
sslaowan 2007-12-09
希望能像Thinking in Java一样,既有网络版可以免费下载,也有纸板,买回去看
nan_jia 2007-12-09
顶一下,好好写, :idea:
gstripe 2007-12-08
晕,晚上我不睡觉了。操起EDITPLUS继续学下去,太有意思了,不过,我要先去洗个澡。
xyz20003
搜索本博客
博客分类
最近加入圈子
存档
最新评论