EasyUI 标签(Tabs)用法(2)

2018-11-17 11:53

如果为ture则设置标签的大小以适应它的

fit border scrollIncrement scrollDuration

数字

每次滚动持续的毫秒数

400

数字

滚动按钮每次被按下时滚动的像素值

100

布尔

容器的父容器

如果为true则显示标签容器的边框

false

布尔

true

事件

事件名

参数 描述

当一个AJAX标签加载远程数据完成时被触发,参数和

onLoad onSelect onClose

arguments title title

jQuery.ajax成功返回的回调函数相同

当用户选择一个标签面板时被触发

当用户关闭一个标签面板时被触发

方法

方法名

参数 描述

resize none

调整标签容器的大小和布局

添加新标签面板,可选参数是一个配置对象,详细信息可以查看下面的标签面板属性

add close select

options title title

关闭一个标签面板,标题参数表明被关闭的面板

选择一个标签面板

exists title

指示特定的标签是否存在

标签面板属性

属性名 类型

描述 默认值

id title content href

字符串

标签面板的ID属性 null

字符串 标签面板的文本标题

字符串 标签面板的主体内容

填充标签内容的远程URL地址

字符串

null

如果为true,当设置href时,对标签面板进行缓

cache icon

布尔

标签面板上标题的图标CSS类

true

字符串

null

如果为true,标签面板会显示出关闭按钮,点击

closable selected width height 演示

布尔

可以关闭选项卡面板。

如果为true,标签标签面板将被选中

false

布尔

false

数字 标签面板的宽度

auto auto

数字 标签面板的高度

总结发布jQuery EasyUI 中文API—Layout(Tabs)

作者:rainweb 日期:2010-04-15

字体大小: 小 中 大

Tabs【标签】

创建一个tab标签

使用说明

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

HTML代码

? ? ? ? ?

tab1

style=\> ? ? ?

tab2

style=\> ?

tab3

?? ??

JQuery代码

?? //创建一个标签容器

?? $('#tt').tabs(options); ??

?? //增加一个tab面板 ?? $('#tt').tabs('add',{ ?? title:'New Tab',

?? content:'Tab Body', ?? closable:true ?? });

Tabs Container特性说明

名称

类型 nu

width

mber nu

height

mber nu

idSeed

mber boo

plain

lean boo

fit

lean boo

border

lean

scrollIncrement

number number

滚动动画持续的毫秒

400

标签卷按钮被按下,滚动的像素

100

标签容器边框

true

设置true,自适应父集容器大小

false

设置true,标签栏显示背景

false

应该是生成标签面板的基本id

0

标签容器高度

auto

标签容器宽度

auto

描述

默认值

scrollDuration

Tabs Container事件说明

名称 onLoad

参数 arguments

描述

ajax面板加载完毕后触发,参数调用跟jQuery.ajax调功能一样

选中标签面板触发 关闭标签面板触发

onSelect title onClose

title

Tabs Container方法说明

名称

参数

调整容器的布局

描述

resize none add close

options 添加一个新的标签面板,选择一个配置对象参数,看标签面板的特性说明 title

关闭一个标签面板,标题参数显示的面板被关闭。 选中一个标签面板 指明特殊面板显示存在。

select title exists

title

Tab Panel特性说明

名称 id title content

类型

string 标签面板id string 标签面板的title string 标签面板的content.

描述

默认值 null

href string 面板远程加载进来数据的地址. cache boolean

设置true,缓存标签面板

icon string 标签面板标题上图标css。 closabooleble an 设置true,标题上显示一个关闭按钮

selectbooleed an 设置true,标签面板被选中【默认那个显示在前】width number 标签面板宽度 heighnumt

ber

标签面板高度

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

null true null false

false

auto

auto


EasyUI 标签(Tabs)用法(2).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:法律逻辑学试题及答案(经典)[1]

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: