ExtJs4(1)——一些实例

本文分享了使用 ExtJs4 过程中积累的多种实用组件案例,包括带搜索功能的表格、树型结构结合表格展示、动态生成面板内容等,旨在帮助开发者解决实际工作中遇到的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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


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


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

(一)带搜索并可多选的表

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



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


点击:

修改按钮:将弹出此窗口

详细按钮:与修改按钮相同,但保存按钮为不可能状态(即不能保存,只能查看)

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


(三)将按钮放入表中

(四)左边是树型结构,右边是表。

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


(五)根据输入数字的不同,产生不同的Panel内容


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


(六)为内容较为复杂的Panel制作翻页效果


(七)树形表格

(八)左右两个表,可互相交换数据。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值