easyUI之Accordion(分类)
2024-10-06 19:29:28
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Accordion(分类)</title>
<meta http-equiv="keywords" content="学习,IT学习,好好学习">
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!-- 引入css文件,不限顺序 -->
<link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>
<link rel="stylesheet" href="../themes/icon.css" type="text/css"></link> <!-- 引入js文件,有顺序限制 -->
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script> <!-- 所有的css文件和的有的js文件位置不限 --> </head> <body> <!-- 容器 -->
<div
id="accordionID"
class="easyui-accordion"
data-options="fit:false,border:true,animate:true,multiple:false,selected:-1"
style="width:300px;height:400px;"> <!-- 面板 -->
<div title="标题1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">
北京
</div>
<div title="标题2" data-options="iconCls:'icon-reload'" style="padding:10px;">
上海
</div>
<div title="标题3">
广州
</div>
<div title="标题4" data-options="collapsible:true">
深圳
</div> </div> <script type="text/javascript">
//当浏览器加载web页面时触发
$(function(){
//增加一个面板
//$('selector').plugin('method', parameter);
$("#accordionID").accordion("add",{
"title" : "标题5",
"iconCls" : "icon-add",
"content" : "武汉",
"selected" : false
});
//休息3秒
window.setTimeout(function(){
//移除标题1面板
$("#accordionID").accordion("remove",0);
//取消面板2选中
$("#accordionID").accordion("unselect",0);
//面板3选中
$("#accordionID").accordion("select",1);
},3000);
});
</script> </body>
</html>
最新文章
- URAL 1992 CVS 可持久化链栈
- Tiling
- MySQL的InnoDB表如何设计主键索引-转自淘宝MySQL经典案例
- 安卓入门学习之Hello,world!
- arcgis for javascript 自定义infowindow
- cgg之类型转换
- Lambda 表达式,Java中应用Lambda 表达式
- vagrant快速搭建LNMP环境并且打包带走留着以后用
- Fedora Linux安装deb包
- Shim 与 Polyfill
- ASP.NET Core中使用GraphQL - 第七章 Mutation
- Acitiviti数据库表设计(学习笔记)
- 第一节:从面向对象思想(oo)开发、接口、抽象类以及二者比较
- erlang下lists模块sort(排序)方法源码解析(二)
- dubbo源码之Directory与LoadBalance
- [Bayes] Improve HMM step by step
- Python: find the smallest and largest value
- Docker for windows可用性检查
- IDA远程调试so库JNI_Onload函数
- 13年10月 月赛第一场 set 4 迷宫问题
热门文章
- DbHelper简单的使用
- windows 10 mysql-8.0.17-winx64的安装
- 【2017-06-02】Linq高级查询,实现分页组合查询。
- python爬取豆瓣电影信息数据
- 关于单例模式getInstance()的使用
- bzoj 1787 &;&; bzoj 1832: [Ahoi2008]Meet 紧急集合(倍增LCA)算法竞赛进阶指南
- 使用pipenv管理你的python项目
- bat 获取当前文件夹的文件名
- [USACO19JAN]Redistricting——单调队列优化DP
- confluence配置搭建