jQuery EasyUI 中文API Layout(Tabs)

2016-02-19 13:04 25 1 收藏

今天天气好晴朗处处好风光，好天气好开始，图老师又来和大家分享啦。下面给大家推荐jQuery EasyUI 中文API Layout(Tabs)，希望大家看完后也有个好心情，快快行动吧！

【 tulaoshi.com - Web开发】

Tabs

创建一个tab标签

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

html

代码如下：

div
div title="Tab1"
tab1
/div
div title="Tab2" closable="true"
tab2
/div
div title="Tab3" icon="icon-reload" closable="true"
tab3
/div
/div

JQuery代码

代码如下：

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

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

Tabs Container特性说明

名称类型描述默认值widthnumber标签容器宽度autoheightnumber标签容器高度autoidSeednumber应该是生成标签面板的基本id0plainboolean设置true，标签栏显示背景falsefitboolean设置true，自适应父集容器大小falseborderboolean标签容器边框truescrollIncrementnumber标签卷按钮被按下，滚动的像素100scrollDurationnumber滚动动画持续的毫秒400

Tabs Container事件说明

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

Tabs Container方法说明

名称参数描述resizenone调整容器的布局addoptions添加一个新的标签面板,选择一个配置对象参数,看标签面板的特性说明closetitle关闭一个标签面板,标题参数显示的面板被关闭。selecttitle选中一个标签面板existstitle指明特殊面板显示存在。

Tab Panel特性说明

名称类型描述默认值idstring标签面板idnulltitlestring标签面板的title contentstring标签面板的content. hrefstring面板远程加载进来数据的地址.nullcacheboolean设置true，缓存标签面板trueiconstring标签面板标题上图标css。nullclosableboolean设置true，标题上显示一个关闭按钮falseselectedboolean设置true，标签面板被选中falsewidthnumber标签面板宽度autoheightnumber标签面板高度auto

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

来源:http://www.tulaoshi.com/n/20160219/1602910.html

上一篇： jquery 弹出公告功能代码
下一篇： JQuery Easyui Tree的oncheck事件实现代码

看过《jQuery EasyUI 中文API Layout(Tabs)》的人还看了以下文章更多>>

初试jQuery EasyUI 使用介绍

标签： Web开发

打包下载 jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，d...

jQuery UI.Layout Plug-in做框架

标签： Web开发

jQuery UI.Layout Plug-in jQuery还是蛮夯的家伙。 CSS+DIV时代，要编排个页框的版面还真不简单，如果又是对为对于网页的layout不是很在行的人，非常适合这套jQuery UI.Layout Plug-in。这个plugin的功能真的还蛮强大的，我觉得其中比较特殊的是下面这几点： collapsable：每一个pane都可以收合，而且还可以加上jQuery特效 resiza...

跟着Jquery API学Jquery之一选择器

标签： Web开发

有了Jquery的选择器，吃饭饭饭香，身体倍棒…… 1.基本我们知道jquery最常用的就是选择器了，我们看一下jqueryAPI中的选择器—基本中有5种情况 class ,id ,element, *,还有一个多选择器，这里我们想一下css样式的写法 css样式也有几种情况：1.类样式 2.id样式 3.标签样式，如果有一个aa的类，那么我们定义aa的样式就要写成 .aa{} 如...

jQuery最出色的是 API 设计

标签： Web开发

jQuery 将马上发布 1.4 正式版，代码也从 googlecode 上迁移到了 github. jQuery 是我接触的第一个 JS 类库，俗话说初恋总是让人难以忘记。一年以前，这种难以忘记仅仅是一种纯感觉，说不出来具体原因。前几天重新看了一遍 github 上的源码。从纯功能上说，jQuery 并没有特别出色的地方。究竟是什么让我如此恋恋不舍呢？昨天搭建 taskspee...

在UpdatePanel内jquery easyui效果失效的解决方法

标签： Web开发

使用easyui 的好处除了界面还不错之外，也因为使用方便。代码如下： div div title="搜索" .../div div title="选择".../div div title="返回".../div /div 只要给他定义个相应的class 就能实现各种效果。但是，把它放在updatepanel里面，且不是首次就让他显示出来的话就出故障了。代码如下： asp:MultiView runat="server...

查看更多精彩>>