51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

折叠列表组件 jquery
如何实现折叠列表组件 jQuery ## 一、引言 在本文中，我将向你介绍如何使用 jQuery 实现折叠列表组件。折叠列表是一个常见的交互组件，它允许用户展开或折叠列表中的项目，以便更好地组织和查看内容。通过本文，你将学习到如何使用 jQuery 创建一个简单而实用的折叠列表组件。 ## 二、步骤 下面是实现折叠列表组件的整体步骤： | 步骤 | 代码 | 描述 | | --- | -
页面加载
javascript
点击事件
原创
mob649e8153b214
2023-11-06 06:09:49
98阅读

vue2.0 自定义 折叠列表（Accordion）组件
1.自定义 折叠列表 Accordion.vue （1）sass 版本 （2）less 版本 2.页面调用 Fold.vue 3.效果图
4s
css
自定义
ico
标题栏
转载
mob604756ff98d6
2017-11-29 19:01:00
658阅读
2评论

vue3 antdesign tree展开折叠 vue 折叠组件
相信大家对于下面的列表形式应该不陌生吧，至少我个人在后台OA系统的时候就用到了，那么我来聊下这样形式的列表，应该怎么封装成为一个公共的组件。（代码参考了iview用于个人学习之用）一.列表组件参数设置 每一个公共组件都应该约定好参数，定义好回调函数所传递参数。不应该与业务组件和业务逻辑相互耦合。 这个组件的约定参数和使用方法如下：<Collapse v-model="value1" @on-
数组
字符串
github
转载
Aceryt
2024-03-02 09:54:50
771阅读

elementui 折叠面板 多层嵌套 vue 折叠组件
1.一个完整的组件项目需要什么？必要的：组件构建方式 ( webpack / rollup 之类 )，并提供至少一个主流的输出格式 (ESModule)Demo 及 Demo 源码文档，可以是 docsify 之类的生成的页面，懒点就内嵌在 README 里了其实上面的除了文档都比较容易做到，除了可能会在构建上踩坑外。那么做到了这些可以上线了吗？是的。不过看一些优秀的库其实还可以做更多的，例如下面
elementui 折叠面板 多层嵌套
javascript
git
json
ViewUI
转载
码海探险先锋
2024-08-31 09:23:48
303阅读

swiftui 折叠列表 recyclerview折叠
类似于上图的功能实现（展开只显示一层）实现这个之前没有找到比较好的解决方案，现在才发现系统有个这个的控件：ExpandableListVIew.也是实现显示一层的折叠与展开。不过既然自己已经实现了，也不想白白浪费精力，所以写出来，以后也好自己看看（虽说写的不咋地，最起码也是实现了。）开始：整体的布局是2个RecyclerView嵌套完成的，最外面一个大的Recyclerview包括标题和内容，里面
swiftui 折叠列表
复用
下拉刷新
泛型
转载
AIGC创想家
2023-11-15 09:31:26
100阅读

android 折叠组件
## 折叠组件在Android中的应用 在Android开发中，折叠组件是一种常用的UI控件，它可以帮助用户更好地管理大量内容，使界面更加简洁和易于阅读。折叠组件通常用于展示大段文字、列表或者其他需要折叠隐藏的内容。 ### 如何使用折叠组件 在Android中，可以使用ExpandableListView或者RecyclerView实现折叠组件的效果。下面我们以RecyclerView为例
List
Android
java
原创
mob649e815c3b9e
2024-03-20 04:34:45
85阅读

swiftui 折叠列表
使用 SwiftUI 创建一个折叠列表是一个很常见的需求，尤其在需要展示层级信息时，它可以帮助用户更方便地浏览数据。下面将详细描述如何解决“SwiftUI 折叠列表”问题的过程。 折叠列表功能在许多应用程序中都是不可或缺的，例如文件管理器、设置界面和导航菜单等。然而，在 SwiftUI 之前我们可能需要借助 UIKit 创建这种复杂的 UI 组件。SwiftUI 的出现大大简化了实现过程，但依然
List
UI
Text
原创
mob64ca12f831ae
6月前
54阅读

androidstudio折叠列表
# Android Studio折叠列表 ## 引言 Android Studio是一款由谷歌开发的集成开发环境（IDE），主要用于开发Android应用程序。它提供了丰富的功能，帮助开发人员更高效地开发和调试应用程序。 在Android Studio中，折叠列表是一个非常有用的功能。它可以帮助开发人员在代码中隐藏和展开特定的代码块，以便更好地组织和管理代码。本文将详细介绍Android S
代码块
Android
代码示例
原创
mob64ca12f6066e
2023-09-24 10:13:20
358阅读

Android recycleview 折叠 recyclerview折叠列表
一款基于RecyclerView实现的蛇形布局list/折线型布局list，适用于出发地、到达地选择等场景效果图：实现原理简析1.利用ItemDecoration，重写getItemOffsets()方法设置item之间间距，重写onDraw()方法根据item的位置来判断画横线or竖线，最终把item串起来。2.在adapter中依据recyclerview列数和当前行数对传入的数据进行处理。1
android 仿京东地址选择
android 仿京东首页
android仿京东分类选型
android仿京东首页
Android
转载
mob64ca1418aeab
2024-04-29 11:34:33
166阅读

ant design vue 折叠面板上下折叠 vue 折叠菜单
目录一、实现效果二、原理1. 折叠菜单栏2. 面包屑三、全部源码：我的折叠菜单栏+面包屑 一、实现效果动画演示效果 之前的登录+++++++++++++++++++++++++++本次：折叠菜单栏+面包屑此部分全部源码见本文末或github：Cungudafa:Vue_SpringbootDay3二、原理1. 折叠菜单栏参考链接：element-ui 官网api：https://element.
Vue+Element-ui
折叠菜单栏
面包屑
ico
Vue
转载
西洋无悔
2024-03-27 08:24:05
430阅读

Android 折叠列表
# Android 折叠列表实现教程 ## 引言 在 Android 开发中，折叠列表是一种常见的界面组件，用于展示多级列表数据，并允许用户展开或折叠子项。本教程将向你介绍如何实现一个简单的 Android 折叠列表。 ## 整体流程 下面是实现 Android 折叠列表的整个流程，我们将使用一个 RecyclerView 来展示列表数据，并使用一个自定义的适配器来管理数据和视图。 ``
ci
List
Android
原创
mob64ca12edad02
2023-09-17 10:28:09
214阅读

vue elementui 折叠菜单 vue实现折叠功能
通过Vue编写一个二级，并且是可以折叠的导航菜单 文章目录思路在main.js中 配置axios导入element样式Home.vue实现静态页面、样式及功能 思路在侧边栏区域只写了一个二级导航，通过axios获取到侧边栏的数据，通过v-fot循环渲染该数据，形成多个二级菜单 使用elemen-ui进行样式的设置在main.js中 配置axios导入axios包配置请求的根路径把axios包挂载到
vue elementui 折叠菜单
ios
侧边栏
二级菜单
转载
mob64ca140a8e67
2024-03-25 07:57:35
1264阅读

vue实现点击菜单折叠demo vue 折叠
2021.9.1坑57（组件折叠）：简单实现向左折叠，无动画。效果是点击带箭头的长条（加了背景色方便查看）改变折叠状态。思路是外层包裹flex自动左到右排列，使用v-show控制内层元素显示，图标使用@element-plus/icons。<template> <div class='viewBox'> <AItem v-show="isS
vue实现点击菜单折叠demo
css
vue.js
npm
html
转载
coolfengsy
2024-03-01 19:22:13
304阅读

vue 可折叠面板的工作区组件
这个组件中使用了elementui的两个图标组件Js：/**工作区组件调用示例：<work-container v-bind:hetemplate v-slot:work&...
vue可折叠面板
ico
css
d3
原创
山阳糊涂
2022-07-06 11:40:52
290阅读

javascript 文字折叠 vue 文字折叠
在以一篇文章中，可能文章特别长，但是在页面第一次显示的时候可能就只需要显示一部分，这种情况下就需要自己进行修改基本思路利用类名就是预先定义一个类名，设置高度，和overflow：hidden，前提：这是一个单独的盒子例如.con-art{ height: 280px; overflow: hidden; } 在类名利用动态类名进行控制例如<span @click='
javascript 文字折叠
vue中文章的显示全部于折叠
类名
转载
墨染青丝
2023-06-09 21:08:41
66阅读

Android多级折叠列表 android 二级折叠列表
                    以上是效果图           主要实现的功能： 二级列表的展示   ExpandableListView     (加减数量的 功能使用自定义View组合控
Android多级折叠列表
android
xml
ide
转载
mob64ca141275de
2024-04-02 14:56:47
119阅读

vue3 vite 列表展示demo vue实现列表组件
一、数据的简单展示1.首先先确定要展示的表格列名以及拿到所需要展示的数组数据2.然后建立一个专门放el-table遍历的文件3.在父组件中将数据列表数据存放在listData里面，然后传给子组件，子组件定义一个动态的列，通过遍历propList得到列名，然后也动态匹配prop,这样prop的值会去和listData进行匹配展示数据，这里加了一个默认插槽，由于有时候需要对某列的数据进行特殊的操作，这
vue3 vite 列表展示demo
vue.js
前端
javascript
插槽
转载
mob64ca140f9cec
2024-03-24 10:54:23
780阅读

android 折叠 布局 安卓折叠列表
一、背景安卓⼤屏设备上由于屏幕尺⼨特殊，存在应⽤显示异常和体验不佳等问题。为了保证三⽅应⽤在⼤屏设备的使⽤体验，针对⼤屏特性，OPPO系统提供兼容模式、平⾏视窗等多种⽅案，使得三⽅App能在⼤屏设备有更好的交互体验与显示效果。以下文档是平行视窗适配指南。二、配置指南（1）AndroidManifest文件<meta-data android:name="EasyGoClient" andro
android 折叠 布局
android
分屏
自定义
单实例
转载
mob64ca13ff9303
2024-08-18 18:08:01
113阅读

android折叠框 android 多级折叠列表
ExpandableListView简介使用 简介ExpandableListView是一个可以折叠的列表、继承自ListView，相信大家对ListView也是非常熟悉的了，ExpandableListView的使用方法跟ListView差不多，但也要比ListView繁琐，如果ListView没入门的建议先看看这篇：。ExpandableListView的功能指向性非常强，就是用来做可折叠列
android折叠框
android
listview
viewpager
列表
转载
mob64ca140b466e
2023-08-29 12:18:23
150阅读

androidstudio 折叠代码 android 多级折叠列表
Android基础入门教程——2.4.12 ExpandableListView(可折叠列表)的基本使用标签（空格分隔）： Android基础入门教程本节引言：本节要讲解的Adapter类控件是ExpandableListView，就是可折叠的列表，它是ListView的子类， 在ListView的基础上它把应用中的列表项分为几组，每组里又可包含多个列表项。至于样子， 类似于QQ联系人列表，他
androidstudio 折叠代码
android
expandablelistview
listview
折叠ListView
转载
云端小悟空
2023-09-25 19:42:26
141阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

jquery 实现折叠列表 html table折叠

Android 折叠头像 安卓折叠列表

android recycleView折叠收缩 recyclerview折叠列表

折叠table组件 jquery

jquery底部折叠列表

android 多层折叠列表

Android 列表折叠功能

ios开发 列表折叠

android折叠列表 BaseRecyclerViewAdapterHelper

android 列表条目折叠

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯