ExtJs4(1)——一些实例

阅读更多

用ExtJs4写东西有一小段时间，是时候该总结总结了。

学习ExtJs4最令人头疼的莫过于一些乱七八糟的错误，时常能令人抓狂。还有一点便是缺少可以参考的资料，所以希望自己所写能给大家工作时带来一些帮助。如果有高手看见，请指点，由衷感谢指点我的同志们。

最后我一般会把源代码直接贴上，以便大家方便使用，不过有些细微的地方仍需要改动。比如说一些路径之类的问题。

本文介绍几种我们公司常用的一些结构：

（一）带搜索并可多选的表

通常，我们希望点击搜索之后，只留下符合条件的Record。而ExtJs4的搜索只是将符合条件的字段用黄体字标识出来。我将源文件中的LiveSearchGridPanel.js稍作修改以符合自己的需要。

（二）带搜索并在同行带操作按钮的表（这里的问题是，下面由两条框框，不知怎么去掉，浪费不少空间也影响了美观。）

点击：

修改按钮：将弹出此窗口

详细按钮：与修改按钮相同，但保存按钮为不可能状态（即不能保存，只能查看）

新增按钮：与修改按钮相同，但里面没有数据

（三）将按钮放入表中

（四）左边是树型结构，右边是表。

点击树的结点时，表中的内容将会变为与结点相关的数据

（五）根据输入数字的不同，产生不同的Panel内容

这是输入数字3时产生的Panel

（六）为内容较为复杂的Panel制作翻页效果

（七）树形表格

（八）左右两个表，可互相交换数据。