论坛首页 Web前端技术论坛

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

浏览 40994 次
该帖已经被评为良好帖
作者 正文
   发表时间:2007-12-04  
在下才疏学浅,为了整理一下这段时间学习的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,确定对这部分没有异议,再继续浏览其它部分。免得日后有什么争执,谢谢。

   发表时间:2007-12-04  
学习,多谢!
0 请登录后投票
   发表时间:2007-12-04  
強烈支持啊,正需要呢!
0 请登录后投票
   发表时间:2007-12-04  
期盼吧!原来教程也可以这样抒情。
0 请登录后投票
   发表时间:2007-12-04  
这个东西,怎么看都不正式,第一,他不是真正开源.第二,它从来都没有正式说过是免费还是怎么样.第三,稳定性不是很好.第四,只有真正开源才会有市场.就像java的一些开源包.得好了很好的推广.以上只是对出书的看法.
0 请登录后投票
   发表时间:2007-12-04  
只能是希望楼主写得更快点
0 请登录后投票
   发表时间:2007-12-04  
这个东西,怎么看都不正式,第一,他不是真正开源.第二,它从来都没有正式说过是免费还是怎么样.第三,稳定性不是很好.第四,只有真正开源才会有市场.就像java的一些开源包.得好了很好的推广.以上只是对出书的看法.
=======================
这位仁兄,“不是真正开源”是什么意思?

0 请登录后投票
   发表时间:2007-12-04  
写的有意思,哈哈
0 请登录后投票
   发表时间:2007-12-04  
够抒情,关注下
0 请登录后投票
   发表时间:2007-12-04  

[quote="gazhangting"]这个东西,怎么看都不正式,第一,他不是真正开源.第二,它从来都没有正式说过是免费还是怎么样.第三,稳定性不是很好.第四,只有真正开源才会有市场.就像java的一些开源包.得好了很好的推广.以上只是对出书的看法.[/quote]

同问, 您感觉那个部分的源码您没有看到,我给你搞去

0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics