【原】提高篇:第二十一篇,ext2.2打造全新功能grid系列--grid扩展行篇

源代码下载

在这篇文章里介绍了如何将grid扩展行,通常在很多的新闻网站,你只能够看见标题信息,或者看到的将内容信息截取的,无论哪样,你都无法一目了然的浏览详细内容,除非你打开新的页面。这里向大家介绍了Ext自带扩展grid行所实现的惊人的效果。实现功能就是在行的前面定义了一个加号,当点这个加号时就会在紧接当前行的下方显示你定义的任何信息,特别是详细信息。效果非常精美绝伦。

先看看效果图吧

上面是grid列表显示的结果,注意看每行前面的小加号图标,这个小图标就是查看详细内容的按钮,点这个加号小图标就会出现如下所示的效果图

是不是非常酷的效果

 

源代码下载

标签: EXT, gridPanel
posted @ 2008-10-29 10:56 殷良胜 阅读(3714) 评论(8) 编辑 收藏

 回复 引用 查看   
#1楼[楼主]2008-10-30 13:01 | 殷良胜      
欢迎访问Ext小组:
http://space.cnblogs.com/group/ext

 回复 引用   
#2楼2008-12-21 12:20 | 沥青[未注册用户]
谢谢楼主
这个例子太完美的了
再也不用为一个记录的内容提供一个详细的页面了
支持楼主

 回复 引用 查看   
#3楼[楼主]2008-12-22 11:33 | 殷良胜      
@沥青
呵呵

 回复 引用   
#4楼2009-05-12 15:41 | GLong[未注册用户]
请问殷老师,如果我一开始就想把每一行的信息展开,要怎么样修改?
 回复 引用   
#5楼2009-05-15 10:46 | GLong[未注册用户]
殷老师,能否抽空写个与本例子相反的示例,就是一开始显示时,直接把每一行的详细信息都展开,展开后可以点击收缩.本例是一开始显示时就把详细信息收缩,点击时才展开,现在我想要个反例,谢谢了.
 回复 引用 查看   
#6楼[楼主]2009-05-15 11:39 | 殷良胜      
--引用--------------------------------------------------
GLong: 殷老师,能否抽空写个与本例子相反的示例,就是一开始显示时,直接把每一行的详细信息都展开,展开后可以点击收缩.本例是一开始显示时就把详细信息收缩,点击时才展开,现在我想要个反例,谢谢了.
--------------------------------------------------------
好的 有空时研究下

 回复 引用   
#7楼2009-05-16 10:30 | GLong[未注册用户]
好的,先谢谢了,期待你的作品
 回复 引用 查看   
#8楼[楼主]2009-10-25 19:20 | 殷良胜      
本例的源代码已经丢失,目前我更改成3.0版本,页面代码基本一样,但后台做了较大的改动,不管如何,提供了完整的源码下载,希望给初学者减轻一些麻烦。