当前位置: 开发笔记 > 前端 > 正文

jQueryEasyUI中文APILayout(Tabs)

作者：龙蛇虫 | 来源：互联网 | 2022-09-21 03:10

发布jQueryEasyUI中文API—Layout(Tabs)总结，需要的朋友可以参考下。

Tabs【标签】

创建一个tab标签

使用说明
使用到的头文件：easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js

html

代码如下:

 
tab1 

tab2 

tab3

JQuery代码

代码如下:

 
//创建一个标签容器 
$('#tt').tabs(options); 

//增加一个tab面板 
$('#tt').tabs('add',{ 
title:'New Tab', 
content:'Tab Body', 
closable:true 
}); 

Tabs Container特性说明

名称	类型	描述	默认值
width	number	标签容器宽度	auto
height	number	标签容器高度	auto
idSeed	number	应该是生成标签面板的基本id	0
plain	boolean	设置true，标签栏显示背景	false
fit	boolean	设置true，自适应父集容器大小	false
border	boolean	标签容器边框	true
scrollIncrement	number	标签卷按钮被按下，滚动的像素	100
scrollDuration	number	滚动动画持续的毫秒	400

Tabs Container事件说明

名称	参数	描述
onLoad	arguments	ajax面板加载完毕后触发，参数调用跟jQuery.ajax调功能一样
onSelect	title	选中标签面板触发
onClose	title	关闭标签面板触发

Tabs Container方法说明

名称	参数	描述
resize	none	调整容器的布局
add	options	添加一个新的标签面板,选择一个配置对象参数,看标签面板的特性说明
close	title	关闭一个标签面板,标题参数显示的面板被关闭。
select	title	选中一个标签面板
exists	title	指明特殊面板显示存在。

Tab Panel特性说明

名称	类型	描述	默认值
id	string	标签面板id	null
title	string	标签面板的title
content	string	标签面板的content.
href	string	面板远程加载进来数据的地址.	null
cache	boolean	设置true，缓存标签面板	true
icon	string	标签面板标题上图标css。	null
closable	boolean	设置true，标题上显示一个关闭按钮	false
selected	boolean	设置true，标签面板被选中【默认那个显示在前】	false
width	number	标签面板宽度	auto
height	number	标签面板高度	auto

有些觉得翻译的牵强，肯定也有错的地方，谢谢指出来。

推荐阅读

dom
jQuery 入门指南与实战应用

本文详细介绍了 jQuery 的入门知识与实战应用，首先讲解了如何引入 jQuery 库及入口函数的使用方法，为初学者提供了清晰的操作指南。此外，还深入探讨了 jQuery 在实际项目中的多种应用场景，包括 DOM 操作、事件处理和 AJAX 请求等，帮助读者全面掌握 jQuery 的核心功能与技巧。 ... [详细]

蜡笔小新 2024-11-04 17:28:16
dom
《精通 jQuery》第六章：深入解析与实战应用

《精通 jQuery》第六章：深入解析与实战应用本章详细探讨了 Ajax 技术的核心机制及其实际应用。Ajax 通过 XMLHttpRequest 对象实现客户端与服务器之间的异步数据交换，从而在不重新加载整个页面的情况下更新部分内容。这种技术不仅提升了用户体验，还提高了应用的响应速度和效率。此外，本章还介绍了如何利用 jQuery 简化 Ajax 操作，并提供了多个实战案例，帮助读者更好地理解和掌握这一重要技术。 ... [详细]

蜡笔小新 2024-11-03 12:10:48
css
基于.NET框架的分层架构实践（六）：依赖注入与IoC容器的设计和实现详解

在基于.NET框架的分层架构实践中，为了实现各层之间的松散耦合，本文详细探讨了依赖注入（DI）和控制反转（IoC）容器的设计与实现。通过合理的依赖管理和对象创建，确保了各层之间的单向调用关系，从而提高了系统的可维护性和扩展性。此外，文章还介绍了几种常见的IoC容器实现方式及其应用场景，为开发者提供了实用的参考。 ... [详细]

蜡笔小新 2024-11-02 11:16:33
css
Java Web开发中的JSP：三大指令、九大隐式对象与动作标签详解

在Java Web开发中，JSP（Java Server Pages）是一种重要的技术，用于构建动态网页。本文详细介绍了JSP的三大指令、九大隐式对象以及动作标签。三大指令包括页面指令、包含指令和标签库指令，它们分别用于设置页面属性、引入其他文件和定义自定义标签。九大隐式对象则涵盖了请求、响应、会话、应用上下文等关键组件，为开发者提供了便捷的操作接口。动作标签则通过预定义的动作来简化页面逻辑，提高开发效率。这些内容对于理解和掌握JSP技术具有重要意义。 ... [详细]

蜡笔小新 2024-11-02 19:12:25
chrome
JavaScript 和 HTML 模拟工具：高效开发与测试解决方案

为了满足专业设计师的需求，我需要一个工具，能够将使用JQuery构建的动态页面转换为纯静态HTML，而无需引用任何JavaScript文件。该工具应具备模拟当前页面的功能，以确保在开发和测试过程中保持页面的完整性和一致性。此外，该工具还应支持高效的页面调试和优化，以便设计师能够快速验证和调整页面布局及样式。 ... [详细]

蜡笔小新 2024-11-02 13:51:56
css
ASP11：深入解析与应用展望

ASP11：深入解析与应用展望本文详细探讨了 ASP11 中的 `AppRelativeTemplateSourceDirectory` 属性，该属性用于获取或设置包含控件的 Page 或 UserControl 对象的应用程序相对虚拟目录。此外，文章还介绍了 1.0 版本中的 Binding 机制，分析了其在实际开发中的应用和优化方法，为开发者提供了全面的技术指导。 ... [详细]

蜡笔小新 2024-11-02 09:56:29
json
深入解析JSONP跨域机制及其工作原理

本文详细解析了JSONP（JSON with Padding）的跨域机制及其工作原理。JSONP是一种通过动态创建``标签来实现跨域请求的技术，其核心在于利用了浏览器对``标签的宽松同源策略。文章不仅介绍了JSONP的产生背景，还深入探讨了其具体实现过程，包括如何构造请求、服务器端如何响应以及客户端如何处理返回的数据。此外，还分析了JSONP的优势和局限性，帮助读者全面理解这一技术在现代Web开发中的应用。 ... [详细]

蜡笔小新 2024-11-01 19:08:41
css
ASP.NET MVC项目实战：解决Ajax请求500错误及多表数据查询问题

在ASP.NET MVC项目中，通过实战解决了Ajax请求500错误及多表数据查询的问题。具体而言，将页面分为两个部分，用户点击右侧导航栏时，通过Ajax请求动态加载数据，并在右侧显示相应的页面内容。最初尝试使用Partial Action方法，但遇到了500错误。通过详细排查和调试，最终成功解决了这一问题，并实现了预期功能。此外，还优化了多表数据查询的性能，确保系统的高效运行。 ... [详细]

蜡笔小新 2024-11-01 14:23:52
css
Java集合框架的使用方法与性能对比分析

本文详细探讨了Java集合框架的使用方法及其性能特点。首先，通过关系图展示了集合接口之间的层次结构，如`Collection`接口作为对象集合的基础，其下分为`List`、`Set`和`Queue`等子接口。其中，`List`接口支持按插入顺序保存元素且允许重复，而`Set`接口则确保元素唯一性。此外，文章还深入分析了不同集合类在实际应用中的性能表现，为开发者选择合适的集合类型提供了参考依据。 ... [详细]

蜡笔小新 2024-11-01 09:51:38
json
Twitter架构深度解析与学习心得

作为140字符的开创者，Twitter看似简单却异常复杂。其简洁之处在于仅用140个字符就能实现信息的高效传播，甚至在多次全球性事件中超越传统媒体的速度。然而，为了支持2亿用户的高效使用，其背后的技术架构和系统设计则极为复杂，涉及高并发处理、数据存储和实时传输等多个技术挑战。 ... [详细]

蜡笔小新 2024-10-31 17:58:20
label
掌握 IScroll 技巧：实现流畅的上拉加载与下拉刷新功能

本文介绍了如何通过掌握 IScroll 技巧来实现流畅的上拉加载和下拉刷新功能。首先，需要按正确的顺序引入相关文件：1. Zepto；2. iScroll.js；3. scroll-probe.js。此外，还提供了完整的代码示例，可在 GitHub 仓库中查看。通过这些步骤，开发者可以轻松实现高效、流畅的滚动效果，提升用户体验。 ... [详细]

蜡笔小新 2024-10-31 17:28:44
css
全栈工程师在当今技术领域的角色与价值探析

当前，众多初创企业对全栈工程师的需求日益增长，但市场中却存在大量所谓的“伪全栈工程师”，尤其是那些仅掌握了Node.js技能的前端开发人员。本文旨在深入探讨全栈工程师在现代技术生态中的真实角色与价值，澄清对这一角色的误解，并强调真正的全栈工程师应具备全面的技术栈和综合解决问题的能力。 ... [详细]

蜡笔小新 2024-10-31 10:28:12
dom
jQuery学习笔记：深入理解事件委派（2014年8月3日）

在jQuery中，事件委托机制主要通过`closest()`方法实现。该方法用于查找与指定选择器匹配的最近祖先元素，从当前元素开始逐级向上遍历DOM树。这一技术不仅提高了代码的效率，还能有效处理动态生成的元素。参考资料：jQuery遍历方法详解。 ... [详细]

蜡笔小新 2024-10-31 09:46:35
js
探索JavaScript倒计时功能的三种高效实现方法及代码示例

探索JavaScript倒计时功能的三种高效实现方法及代码示例 ... [详细]

蜡笔小新 2024-10-29 20:54:36
dom
如何在指定的DIV区域内外实现精准的点击事件区分与处理？

需求：在指定的DIV区域内点击时，需展示该区域内的附加操作面板；而在区域外点击时，则应自动隐藏该附加操作面板。通过精准的事件监听与处理，确保用户交互体验的流畅性和直观性。 ... [详细]

蜡笔小新 2024-10-29 14:22:17

龙蛇虫

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章