花灯数里，
软红十丈，
再没有人船头执竿
春雨如酒，
细柳如烟，
伞下只剩絮影孤单
在我需要的时候，
能不能，
给我点
看得见的在乎。
我爱你像鲸投海像鸟归林
人以群分物以类聚
来日方长你我不用畏惧远方举杯谈笑你我不忘曾经疯狂
匆匆送得佳人去
夜夜白马踏梦来
刮风那天
我试着摸你的手
又害怕失去
还讨厌主动
手的温度
来自你心里
人生如梦聚散分离
花未败藤未枯石未烂
你的善良 必须有点锋芒否则等于零
:
想念多猖狂
要时间帮忙
：
生而在世
：
有些人朝前走了
有些人却活在回忆里
海底月捞不起,心上人不可及.
永远理性正直
永远欢喜可爱
以前挺好的想的少睡得早也爱热闹
我爱你没有技巧真诚野蛮
少写一行又怎样反正你又不会看
我们之间仍有爱但它已成为一把利刃只会伤你更深然我所要做的便将它刺向我
：别再说我心有疯魔 偏要与你万世蹉跎.
:
你是雾是旧梦
是写在烟盒上的诗
是我心上的一间小酒馆
:
我用情爱酿酒
命运不肯迁就
思念一日三秋
QQ分组最新专题
Q友乐园所有内容为用户上传分享，如有侵权请联系我们及时删除，谢谢。 &CopyrightIOS总结_可收缩分组表格（仿QQ联系人界面）
vcD4KPHA+Cjxicj4KPC9wPgo8cD4KPGJyPgo8L3A+CjxwPgo8YnI+CjwvcD4KPHA+Cjxicj4KPC9wPgo8cD4KPGJyPgo8L3A+CjxwPgo8YnI+CjwvcD4KPHA+Cjxicj4KPC9wPgo8cD4KPGJyPgo8L3A+CjxwPgo8YnI+CjwvcD4KPHA+Cjxicj4KPC9wPgo8cD4KPGJyPgo8L3A+CjxwPgo8YnI+CjwvcD4KPHA+Cjxicj4KPC9wPgo8cD4KPGJyPgo8L3A+CjxwPgo8YnI+CjwvcD4KPHA+Cjxicj4KPC9wPgo8cD4KPGJyPgo8L3A+CjxwPgo8YnI+CjwvcD4KPHA+Cjxicj4KPC9wPgo8cD4KPGJyPgo8L3A+CjxwPgo8YnI+CjwvcD4KPHA+Cjxicj4KPC9wPgo8cD4KI2ltcG9ydCA="yxpGroupTBVC.h"
DIC_EXPANDED @"expanded" //是否是展开 0收缩 1展开
DIC_ARARRY @"array"
DIC_TITILESTRING @"title"
CELL_HEIGHT 40.0f
@interfaceyxpGroupTBVC ()
UITableView *_tableVI
NSMutableArray *_DataA
@implementation yxpGroupTBVC
- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle
*)nibBundleOrNil
self = [superinitWithNibName:nibNameOrNil
bundle:nibBundleOrNil];
if (self) {
主要思路：
1.tableView:tableView viewForHeaderInSection:section 添加一个按钮
2.点击按钮后，判断指定section的数据是否展开
3.在返回numberOfRowsInSection数量时，如果发现是收缩的，则返回0，展开时，才给真实数据的行号
这样就可以达到显示/隐含数据的效果
//初始化数据
- (void)initDataSource
//创建一个数组
_DataArray=[[NSMutableArrayalloc]
for (int i=0;i<=5 ; i&#43;&#43;)
NSMutableArray *array=[[NSMutableArrayalloc]
for (int j=0; j<=5;j&#43;&#43;)
NSString *string=[NSStringstringWithFormat:@"%i组-%i行",i,j];
[arrayaddObject:string];
NSString *string=[NSStringstringWithFormat:@"第%i分组",i];
//创建一个字典 包含数组，分组名，是否展开的标示
NSMutableDictionary *dic=[[NSMutableDictionaryalloc]
initWithObjectsAndKeys:array,DIC_ARARRY,string,DIC_TITILESTRING,[NSNumbernumberWithInt:0],DIC_EXPANDED,nil];
//将字典加入数组
[_DataArrayaddObject:dic];
//初始化表
- (void)initTableView
_tableVIew=[[UITableViewalloc]
initWithFrame:self.view.boundsstyle:UITableViewStylePlain];
_tableVIew.dataSource=
_tableVIew.delegate=
[self.viewaddSubview:_tableVIew];
- (void)viewDidLoad
[superviewDidLoad];
[selfinitDataSource];
[selfinitTableView];
#pragma mark -- UITableViewDataSource,UITableViewDelegate
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
return_DataArray.
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
NSMutableDictionary *dic=[_DataArrayobjectAtIndex:section];
NSArray *array=[dic
objectForKey:DIC_ARARRY];
//判断是收缩还是展开
if ([[dicobjectForKey:DIC_EXPANDED]intValue])
return array.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath
*)indexPath
NSString *acell=@"cell";
UITableViewCell *cell=[tableViewdequeueReusableCellWithIdentifier:acell];
if (!cell) {
cell=[[UITableViewCellalloc]
initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:acell];
NSArray *array=[[_DataArrayobjectAtIndex:indexPath.section] objectForKey:DIC_ARARRY];
cell.textLabel.text=[arrayobjectAtIndex:indexPath.row];
//设置分组头的视图
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
UIView *hView = [[UIViewalloc]initWithFrame:CGRectMake(0,0,
320, CELL_HEIGHT)];
hView.backgroundColor=[UIColorwhiteColor];
UIButton* eButton = [[UIButtonalloc]
//按钮填充整个视图
eButton.frame = hView.
[eButtonaddTarget:selfaction:@selector(expandButtonClicked:)
forControlEvents:UIControlEventTouchUpInside];
//把节号保存到按钮tag，以便传递到expandButtonClicked方法
eButton.tag =
//设置图标
//根据是否展开，切换按钮显示图片
isExpanded:section])
setImage: [ UIImageimageNamed:
@"mark_up" ]forState:UIControlStateNormal];
setImage: [ UIImageimageNamed:
@"mark_down" ]forState:UIControlStateNormal];
//设置分组标题
[eButton setTitle:[[_DataArrayobjectAtIndex:section]
objectForKey:DIC_TITILESTRING]forState:UIControlStateNormal];
[eButton setTitleColor:[UIColorblackColor]
forState:UIControlStateNormal];
//设置button的图片和标题的相对位置
//4个参数是到上边界，左边界，下边界，右边界的距离
eButton.contentHorizontalAlignment =UIControlContentHorizontalAlignmentL
[eButton setTitleEdgeInsets:UIEdgeInsetsMake(5,5,
[eButton setImageEdgeInsets:UIEdgeInsetsMake(5,300,
//上显示线
UILabel *label1=[[UILabelalloc]
initWithFrame:CGRectMake(0, -1, hView.frame.size.width,1)];
label1.backgroundColor=[UIColorskyBlueColor];
[hViewaddSubview:label1];
//下显示线
UILabel *label=[[UILabelalloc]
initWithFrame:CGRectMake(0, hView.frame.size.height-1,
hView.frame.size.width,1)];
label.backgroundColor=[UIColorskyBlueColor];
[hViewaddSubview:label];
[hViewaddSubview: eButton];
//单元行内容递进
- (NSInteger)tableView:(UITableView *)tableView indentationLevelForRowAtIndexPath:(NSIndexPath
*)indexPath
//控制表头分组表头高度
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
returnCELL_HEIGHT;
#pragma mark -- 内部调用
//对指定的节进行“展开/折叠”操作,若原来是折叠的则展开，若原来是展开的则折叠
-(void)collapseOrExpand:(int)section{
NSMutableDictionary *dic=[_DataArrayobjectAtIndex:section];
int expanded=[[dic
objectForKey:DIC_EXPANDED]
intValue];
if (expanded) {
[dic setValue:[NSNumbernumberWithInt:0]forKey:DIC_EXPANDED];
[dic setValue:[NSNumbernumberWithInt:1]forKey:DIC_EXPANDED];
//返回指定节是否是展开的
-(int)isExpanded:(int)section{
NSDictionary *dic=[_DataArrayobjectAtIndex:section];
int expanded=[[dic
objectForKey:DIC_EXPANDED]
intValue];
//按钮被点击时触发
-(void)expandButtonClicked:(id)sender{
UIButton* btn= (UIButton*)
int section= btn.//取得tag知道点击对应哪个块
[selfcollapseOrExpand:section];
//刷新tableview
[_tableVIewreloadData];查看: 2133|回复: 7
注册时间最后登录阅读权限10积分112精华0帖子
注册会员, 积分 112, 距离下一级还需 88 积分
datagrid通过groupby分组之后，默认collapseGroupOnLoad=&true&将所有分组都收缩。
如何在js代码中动态控制某一个分组展开，现在官方api只有collapseGroups和expandGroups来动态展开和收缩所有的分组。
注册时间最后登录阅读权限150积分20924精华0帖子
collapseRowGroup(index)/expandRowGroup(index)
非常用api未开放
注册时间最后登录阅读权限10积分112精华0帖子
注册会员, 积分 112, 距离下一级还需 88 积分
felt 发表于
collapseRowGroup(index)/expandRowGroup(index)
非常用api未开放
collapseRowGroup(index)/expandRowGroup(index)
参数index是什么意思？是分组字段的字段值？
注册时间最后登录阅读权限150积分20924精华0帖子
jimitian 发表于
collapseRowGroup(index)/expandRowGroup(index)
参数index是什么意思？是分组字段的字段值？ ...
序号，最上面的分组0
注册时间最后登录阅读权限10积分112精华0帖子
注册会员, 积分 112, 距离下一级还需 88 积分
felt 发表于
序号，最上面的分组0
有没有方法获取所有分组的信息，包括分组字段值和序号的对应关系？
注册时间最后登录阅读权限150积分20924精华0帖子
jimitian 发表于
有没有方法获取所有分组的信息，包括分组字段值和序号的对应关系？
你要做什么
注册时间最后登录阅读权限10积分112精华0帖子
注册会员, 积分 112, 距离下一级还需 88 积分
felt 发表于
你要做什么
界面中有一个treegrid和一个datagrid。
datagrid中有三个字段：ID、name、typeId，按照typeId分组，并且默认的collapseGroupOnLoad=&true&将所有分组都不展开。
treegrid的主键是typeId，点击treegrid的一个节点时，展开datagrid中对应typeId的分组。
现在点击treegrid的节点职能获取datagrid中对应的typeId，不知道如何获取对应的分组的序号index。
注册时间最后登录阅读权限150积分20924精华0帖子
jimitian 发表于
界面中有一个treegrid和一个datagrid。
datagrid中有三个字段：ID、name、typeId，按照typeId分组，并且 ...
只能根据序号展开
请对应匹配处理
Powered byJS仿QQ好友列表展开、收缩功能(第一篇)
作者：erdouzhang
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了JS仿QQ好友列表展开、收缩功能(第一篇),需要的朋友可以参考下
效果图如下所示：
&ul id="list"&
&li class="lis"&
&h2&我的好友&/h2&
&li&张三&/li&
&li&李四&/li&
&li class="lis"&
&h2&企业好友&/h2&
&li&小明&/li&
&li&小红&/li&
&li class="lis"&
&h2&黑名单&/h2&
&li&哈哈&/li&
ul,h2 {padding: 0;margin: 0;}
li {list-style:}
width: 240
border: 1px solid #
#list .lis { }
#list h2 {
height: 30
line-height: 30
text-indent: 20/*文字缩进20px*/
background: url(img/ico1.gif) no-repeat 5/*前面小箭头*/
#list .active { /* 点击时添加的类名 */
background: url(img/ico2.gif) no-repeat 5px center #ff9;
#list ul {display:}
#list ul li {
line-height: 24
border-bottom: 2px solid #fc4;
text-indent: 24/*文字缩进24px*/
window.onload = function(){
var list = document.getElementById('list');
var ah2 = list.getElementsByTagName('h2');
var uls = list.getElementsByTagName('ul');
// h2要和下面的ul进行匹配，所以我们要用索引值，给h2身上添加索引值
for(var i=0;i&ah2.i++){
ah2[i].index =//给h2添加索引值，点击谁就给谁添加索引值
ah2[i].onclick = function(){
if(this.className == ''){//判断所点击的h2标签是否有类，
//this.index指h2身上的索引数，this指h2，h2的索引值为this.index
uls[this.index].style.display = 'block';
this.className = 'active';//给当前点击的h2添加类，更改箭头方向
uls[this.index].style.display = 'none';
this.className = '';
下篇给大家介绍：
以上所述是小编给大家介绍的JS仿QQ好友列表展开、收缩功能(第一篇)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具类似QQ面板分组的三级展开/收缩树形菜单_最火下载站
您的位置： >
> 类似QQ面板分组的三级展开/收缩树形菜单
类似QQ面板分组的三级展开/收缩树形菜单
　　这是一款类似QQ面板分组的三级展开/收缩树形菜单，这个菜单堪称极品啊，不过里面的有些图标丢失了，路径还留在那，真想使用的朋友自己制作两个折叠菜单的图标按路径传上去就行了，这个菜单是模仿QQ面板的菜单功能，很多朋友还是很喜欢这种功能的，没想到用这么少的JS代码也可实现，值得借鉴哦。
　　看效果：
　　网页版：
　　运行版：
&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.0 Transitional//EN&&
&TITLE&QQ好友/黑名单的树型菜单 - Liehuo.Net&/TITLE&
if (!document.getElementById)
document.getElementById = function() { }
function initializeMenu(menuId, actuatorId) {
var menu = document.getElementById(menuId);
var actuator = document.getElementById(actuatorId);
if (menu == null || actuator == null)
//if (window.opera) // I'm too tired
actuator.parentNode.style.backgroundImage = &url(/images/plus.gif)&;
actuator.onclick = function() {
var display = menu.style.
this.parentNode.style.backgroundImage =
(display == &block&) ? &url(/images/plus.gif)& : &url(/images/minus.gif)&;
menu.style.display = (display == &block&) ? &none& : &block&;
window.onload = function() {
initializeMenu(&productsMenu&, &productsActuator&);
initializeMenu(&newPhonesMenu&, &newPhonesActuator&);
initializeMenu(&compareMenu&, &compareActuator&);
font-family: verdana, helvetica, arial, sans-
#mainMenu {
background-color: #EEE;
border: 1px solid #CCC;
color: #000;
width: 203
#menuList {
padding: 10px 0px 10px 15
li.menubar {
background: url(/images/plus.gif) no-repeat 0em 0.3
font-size: 12
line-height: 1.5
list-style:
.menu, .submenu {
margin-left: 15
padding: 0
.menu li, .submenu li {
background: url(/images/square.gif) no-repeat 0em 0.3
list-style:
a.actuator {
background-color:
color: #000;
font-size: 12
padding-left: 15
text-decoration:
a.actuator:hover {
text-decoration:
.menu li a, .submenu li a {
background-color:
color: #000;
font-size: 12
padding-left: 15
text-decoration:
.menu li a:hover, submenu li a:hover {
/*border-bottom: 1px dashed #000;*/
text-decoration:
span.key {
text-decoration:
&div id=&mainMenu&&
&ul id=&menuList&&
&li class=&menubar&&
&a href=&#& id=&productsActuator& class=&actuator&&烈火网页特效&/a&
&ul id=&productsMenu& class=&menu&&
&a href=&#& id=&newPhonesActuator& class=&actuator&&我的好友&/a&
&ul id=&newPhonesMenu& class=&submenu&&
&li&&a href=&#&&张三[]&/a&&/li&
&li&&a href=&#&&李四[]&/a&&/li&
&li&&a href=&#&&张三[]&/a&&/li&
&li&&a href=&#&&李四[]&/a&&/li&
&a href=&#& id=&compareActuator& class=&actuator&&陌生人&/a&
&ul id=&compareMenu& class=&submenu&&
&li&&a href=&#&&张三[]&/a&&/li&
&li&&a href=&#&&李四[]&/a&&/li&
&li&&a href=&#&&张三[]&/a&&/li&
&li&&a href=&#&&李四[]&/a&&/li&
&/HTML&&!-- Liehuo.Net Stat --&
&div style=&display:&&
&script type=&text/javascript& src=&/liehuo.net/js/stat.js&&&/script&
&/div&&br /&&center&如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：&a href='/' target='_blank'&/&/a&&/center&提示：可修改后代码再运行!
上一篇： 下一篇：