可折叠列表

最新推荐文章于 2024-05-23 16:25:36 发布
最新推荐文章于 2024-05-23 16:25:36 发布
阅读量360 收藏
点赞数
分类专栏： 前台
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery表格展开折叠，默认折叠</title>
<style>
table{ border:0;border-collapse:collapse;}
td{ font:normal 12px/17px Arial;padding:2px;width:100px;}
th{ font:bold 12px/17px Arial;text-align:left;padding:4px;border-
bottom:1px solid #333;width:100px;}
.parent { background:#FFF38F;cursor:pointer;}  /* 偶数行样式*/
.odd{ background:#FFFFEE;}  /* 奇数行样式*/
.selected{ background:#FF6500;color:#fff;}
</style>
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function (){

 $(".parent").click(function(){
  $(this).toggleClass("selected");
  $(this).siblings().not(".parent").not(":first-child").hide();
  $(this).next().show().next().show();
 });
})
</script>
</head>
<body>
<table>
<tr><th>姓名</th><th>性别</th><th>暂住地</th></tr>
<tr class="parent" id="row_01"><td>张山</td><td>男</td><td>浙江宁波</td></tr>
<tr class="child_row_01"><td>张山</td><td>男</td><td>浙江宁波</td></tr>
<tr class="child_row_01"><td>李四</td><td>女</td><td>浙江杭州</td></tr>
<tr class="parent" id="row_02"><td colspan="3">前台开发组</td></tr>
<tr class="child_row_02"><td>王五</td><td>男</td><td>湖南长沙</td></tr>
<tr class="child_row_02"><td>找六</td><td>男</td><td>浙江温州</td></tr>
<tr class="parent" id="row_03"><td colspan="3">后台开发组</td></tr>
<tr class="child_row_03"><td>Rain</td><td>男</td><td>浙江杭州</td></tr>
<tr class="child_row_03"><td>MAXMAN</td><td>女</td><td>浙江杭州</td></tr>
</table>
</body>
</html>
yyongsheng
关注
专栏目录
【Android笔记88】Android之可折叠列表组件ExpandableListView的使用
✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 CSDN 记录学习心得和笔记内容。
03-29 657
ExpandableListView组件继承自ListView组件，它的使用方式和ListView大致相同，都需要通过Adapter适配器进行数据的渲染。在实际使用的时候，不会直接实现ExpandableListAdapter接口，而是通过继承BaseExpandableListAdapter抽象类，重写10个方法。ExpandableListView组件允许重置显示两层列表，最外层是分组，分组下面是子列表项。
android 二级折叠列表,Android折叠列表 ExpandableList
weixin_36036852的博客
05-25 1252
ExpandableList 是折叠列表，通过继承ExpandableListActivity 类就可以非常简单的实现折叠列表。效果图： 代码实现package com.zhou.activity;import android.app.ExpandableListActivity;import android.os.Bundle;import android.view.ContextMenu;im...
Android零基础入门第48节：可折叠列表ExpandableListView
鑫鱻的博客
08-28 1776
ExpandableListView 是 ListView 的子类，把应用中的列表项分为几组，每组里又可包含多个列表项。
实现可折叠的列表
weixin_30675967的博客
05-24 189
HTML： <!DOCTYPE html><html><head> <meta charset="utf-8"/> <title></title> <link type="text/css" rel="stylesheet" href="index.css"/> <script ...
折叠列表
kingdom858的博客
08-10 467
实现效果： 即可伸展的ListView 其实跟普通的ListView使用没啥区别，只是ListView改为了ExpandableListView，另外适配器由BaseAdapter也换成了BaseExpandableListAdapter。 步骤： 1.编写布局文件。 分为三个，分别是主布局，
ExpandableListView可折叠列表
lhp15575865420的博客
07-28 307
listView的一个子组件，可折叠列表。例如QQ联系人列表
ExpandableListView可折叠的列表
达帮主
03-12 317
创建适配器 实现4个方法：getGroupCount()/ getGroupView() getChildCount()/ getChildView()public class MyAdapter extends BaseExpandableListAdapter { private ArrayList&lt;String&gt; mGroupNames; p...
vue2.0 可折叠列表 v-for循环展示的实例
10-18
在Vue 2.0中，实现可折叠列表通常涉及到数据绑定、事件监听和条件渲染等核心概念。在这个实例中，我们将探讨如何使用`v-for`循环来遍历数据并展示列表，以及如何通过点击事件控制列表的展开和折叠。下面我们将详细...
可折叠列表代码资料
11-07
可折叠列表代码资料
【Flutter】ExpansionTile 可折叠列表.zip
08-26
在本文中，我们将深入探讨 Flutter 中的 `ExpansionTile` 组件，这是一个用于创建可折叠列表的控件。在 Flutter 应用开发中，`ExpansionTile` 提供了一种优雅的方式来组织和展示层次结构数据，用户可以点击标题来...
ExpandableListView可折叠列表.rar
07-20
《ExpandableListView：Android开发中的可折叠列表详解》 在Android应用开发中，为了呈现层次分明、结构清晰的数据，ExpandableListView是一个非常实用的控件。它允许用户展开和折叠不同的组，每组下可以包含多个...
29. 【Android教程】折叠列表 ExpandableListView
这是一个web全栈开发的博客，取其精华去其糟粕，争取让大家一看就懂，一学就会，一用就成~
04-17 1997
本节学习一个可折叠的 ListView，可以用在一些需要分类的场景下。通过 ExpandableListView 我们可以首先在 ListView 上展示大的分类，当点击某个类别的时候再将 ListView 做一个展开，展示该类下的所有子类供用户选择。它与 ListView 的不同主要是 ExpandableListView 提供了两级列表，可以方便的做伸展和收缩。
ExpandableListView可扩展列表视图，可折叠列表视图
m0_57150356的博客
04-19 1169
ExpandableListView（可扩展/可折叠列表视图）是一种多功能的高级控件，每个子项都可以展开一个孙子列表。点击一个分组（子项），即可展开该分组下的孙子列表；再次点击该分组，即可收起该分组下的孙子项列表。
weex 折叠列表组件
漠天的博客
11-28 1154
weex实现折叠列表（人员组织的样式），有light组件库供参考（https://document.lightyy.com/light_ui_ref/index.html），但是（因为个人公司UI源码，所以自己手码了一个供参考） 参考：https://www.cnblogs.com/crazycode2/p/7919256.html 要实现的效果图： 源码：（提供了源码，功能不够用，可以...
折叠菜单
ke0971的博客
02-22 597
折叠效果<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="D
Unity实现QQ列表折叠菜单
12-20
在Unity引擎中，创建QQ列表折叠菜单涉及到UI系统的布局管理和事件处理。这个例子中，主要使用了Unity的GUI系统，特别是自动布局组件VerticalLayoutGroup，以及脚本编程来实现交互功能。以下是对实现该功能的关键知识...
城市列表实现——可折叠
06-07
城市列表的实现，头部添加热门城市，列表可以实现折叠功能。
Android ExpandableListView折叠菜单的三层嵌套实现(1)
2401_84408404的博客
04-29 426
有了思路，关于 ExpandableListView 的三层嵌套就直接上手实现这里说下我的需求是有些数据是只有二级，有些数据是三级的。如果你的需求是只有三级，不需要考虑三级二级混合的情况，下面有说明怎么处理。效果图 ExpandableListView 是官方提供的一个可展示折叠列表的控件。官方文档直链它的基本用法如下ExpandableListView 的基本用法很简单，它本质上就是 ListView，所以用法也差不多，这里就不介绍了。 如果有需要的，可以参考菜鸟教程 ExpandableListView
Android基础入门教程——2.4.12 ExpandableListView(可折叠列表)的基本使用
热门推荐
Coder-Pig的猪栏
09-25 3万+
本节要讲解的Adapter类控件是ExpandableListView，就是可折叠的列表，它是ListView的子类， 在ListView的基础上它把应用中的列表项分为几组，每组里又可包含多个列表项。至于样子， 类似于QQ联系人列表，他的用法与ListView非常相似，只是ExpandableListVivew显示的列表项 需由ExpandableAdapter提供。 下面我们来学习这个控件的基本使用！ 官方
FlowUs 折叠列表：探索内容组织的新维度
最新发布
weixin_66534253的博客
05-23 490
在信息爆炸的时代，如何有效地组织和展示内容成为了一个挑战。FlowUs 的折叠列表功能提供了一个创新的解决方案，允许用户通过展开和收起内容来管理页面布局，使得排版更加丰富和清晰。本文将详细介绍 FlowUs 折叠列表的功能、使用方法以及如何通过它来优化内容展示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值