ext3 扩展插件

1.TreeGrid

 

1)简介:看图吧...

 

2)示例图


3)官方帖:

TreeGrid (Ext.ux.maximgb.tg) - a tree grid component based on Ext's native grid.

http://extjs.com/forum/showthread.php?t=76331

 

4)示例地址:

http://max-bazhenov.com/dev/ux.maximgb.tg/index.php

 

5)下载地址:(去示例地址下,或者在文末的附件)

http://atian25.iteye.com/topics/download/6c003a7d-3bc6-3775-bdb0-9dd4cb79823c

 

 

 

2.ext.ux.menu.storemenu

1)简介:动态加载的menu

 

2)示例图

3)官方帖:

http://www.lubber.de/extjs/storemenu/

 

4)示例地址:

http://www.lubber.de/extjs/storemenu/

 

5)下载地址:(去示例地址下,或者在文末的附件)

http://atian25.iteye.com/topics/download/c05c8d23-0717-352b-a640-be93107bf066

 

 

 

3.LovCombo - Simple List of Values Combo

1)简介:经典插件了,可以打勾多选的下拉框

 

2)示例图

3)官方帖:

http://extjs.com/forum/showthread.php?t=32692

 

4)示例地址:

http://lovcombo.extjs.eu/

 

5)下载地址:(去示例地址下,或者在文末的附件)

http://atian25.iteye.com/topics/download/c05c8d23-0717-352b-a640-be93107bf066

 

6)相关参考:

ExtJS 修复3.0里面的LovCombo(下拉多选框)的Bug   http://atian25.iteye.com/blog/433901

ExtJS Menu嵌套combo等控件时,自动隐藏/遮盖等bug的解决方案  http://atian25.iteye.com/blog/441476

 

 

 

4.GridFilters - enhanced filtering for grids 

1)简介:经典插件了,在Grid的下拉菜单提供过滤选项

 

2)示例图

3)官方帖:

http://extjs.com/forum/showthread.php?t=76185

http://extjs.com/forum/showthread.php?t=14503

 

4)示例地址:

http://ccinct.com/lab/filter-grid/

 

5)下载地址:(去示例地址下,或者在文末的附件)

http://atian25.iteye.com/topics/download/3a480638-8a10-3318-96c0-5267a62404fb

 

 

5.ux.ManagedIFrame

1)简介: 对iframe进行管理

 

2)示例图

3)官方帖:

http://extjs.com/forum/showthread.php?t=71961

 

4)示例地址:

http://demos.theactivegroup.com/demodesk.html?demo=mif&script=mifsimple

 

5)下载地址:(去示例地址下,或者在文末的附件)

http://atian25.iteye.com/topics/download/2a613e9c-b6f9-368e-a985-550b2d043a00

 

 

6.LockingGridPanel - Grid with fixed and scrolling columns

1)简介:锁定Grid的某列,很不错的插件...

作者最后说... But I'm not going to create a LockingGroupHeaderGrid component again (unless somebody pays me -- it's just too much work).

 

2)示例图

 

3)官方帖:

http://extjs.com/forum/showthread.php?t=76324

 

4)示例地址:没找到

 

5)下载地址:(去示例地址下,或者在文末的附件)

http://atian25.iteye.com/topics/download/03d3113c-40c4-37cc-8080-f824db3260a3

 

 

7.GroupHeaderGrid - Grouped grid column headers

1)简介:也是很不错的一个插件,表头合并.

另,extjs 3.1应该会有表头合并的内容了...

 

2)示例图

 

3)官方帖:

http://extjs.com/forum/showthread.php?t=76322

http://www.extjs.com/forum/showthread.php?t=22337

 

4)示例地址:没找到

 

5)下载地址:(去示例地址下,或者在文末的附件)

http://atian25.iteye.com/topics/download/7ccd8963-e2d0-378f-9ff1-56786eac6cf9

 

 

8.Ext.ux.LiveGrid

1)简介:也是很不错的一个插件,延迟加载GRID的数据,适用于大数据量的GRID,滚动条下拉到对应的位置才渲染必要的数据.

另,extjs 3.0有Ext.ux.grid.BufferedView,类似功能.

 

想当初Grid让我那个头痛啊...恶心的需求,500行的数据客户要求不分页显示... 当时痛苦的试了好几种做法...最后做了个类似功能...结果发现官方已经有了ux...

有兴趣可以看看我的blog上,有2篇文章..

 

补充peacock的回复:

LiveGrid:2.x时代的福音,但是3.x时代可以扔掉它了,BufferedView完全可以取代它,区别在于,BufferedView是取出数据之后,在客户端分批缓存显示,在当前页只ajax一次,而LiveGrid是分段取出数据显示,没缓存一次都要ajax一次数据,所以性能完全没 BufferedView高。

 

2)示例图
看DEMO吧..

 

3)官方帖:

http://extjs.com/forum/showthread.php?t=17791

http://www.ext-livegrid.com/

 

4)示例地址: http://www.ext-livegrid.com/demo/

 

5)下载地址:(去示例地址下,或者在文末的附件)

http://www.iteye.com/topics/download/2480c4f6-7456-37b8-9d75-96ccaf69ad64

 

 

to be continue...

 


你想了解如何构建 Ext JS 的扩展插件,这是一个非常好的问题。我可以为你提供一些信息和建议。 首先,让我们明确一下,Ext JS 是一个非常强大的 JavaScript 框架,用于构建 Web 应用程序。它具有丰富的 UI 组件、数据模型和工具,使开发人员可以轻松地构建复杂的应用程序。 如果你想开发一个 Ext JS 的扩展插件,以下是一些步骤和建议: 1. 确定你的需求和目标:在开始编写代码之前,你需要明确你的需求和目标,以便你能够构建一个有用的扩展插件。你可以考虑以下问题:你想增强 Ext JS 的现有功能吗?你想添加新的 UI 组件吗?你需要访问其他第三方库吗? 2. 学习 Ext JS 的架构和 API:在你开始编写代码之前,你需要了解 Ext JS 的架构和 API。这将使你能够编写符合 Ext JS 标准的代码,并以正确的方式使用 Ext JS 的组件、类和方法。 3. 编写你的代码:一旦你明确了你的需求和目标,并且熟悉了 Ext JS 的架构和 API,你可以开始编写你的代码。你可以使用 Ext JS 的类和组件来构建你的扩展插件,并使用 Ext JS 的 API 来与其他组件和库进行交互。 4. 测试你的代码:在你完成编写代码之后,你需要测试你的扩展插件,以确保它可以正常工作,并与其他 Ext JS 组件和库兼容。 5. 发布你的扩展插件:最后,一旦你的扩展插件已经通过测试,你可以将它发布到 Ext JS 社区或其他开发者社区,以便其他人可以使用它。 在编写 Ext JS 扩展插件时,请记住以下几点: - 遵循 Ext JS 的标准和最佳实践,以确保你的代码易于维护和扩展。 - 尽可能重用现有的 Ext JS 组件和库,以减少代码量。 - 编写清晰、文档完整的代码,以便其他开发者可以轻松地理解和使用你的代码。 希望这些信息和建议对你有所帮助,如果你有任何其他问题,请随时问我。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值