书签 分享 收藏 举报 版权申诉 / 38
立即下载 加入VIP,免费下载
当前位置： 首页 > 农林牧渔 > 林学 > jQuery+easy+UI+API.docx

类型jQuery+easy+UI+API.docx

  • 文档编号：8215462
  • 上传时间：2023-01-29
  • 格式：DOCX
  • 页数：38
  • 大小：29.08KB

auto;padding:

20px;display:

none;">

tab2

20px;display:

none;">

tab3

jQuery

Tocreateatabscontainer

$（'#tt'）.tabs（options）;

Toaddatabpanel:

$（'#tt'）.tabs（'add',{

title:

'NewTab',

content:

'TabBody',

closable:

true

}）;

Dependencies

none

Options

TabsContainer

Overridedefaultswith$.fn.tabs.defaults.

Properties

Name

Type

Description

Default

width

number

Thewidthoftabscontainer.

auto

height

number

Theheightoftabscontainer.

auto

idSeed

number

Thebaseidseedtogeneratetabpanel'sDOMidattribute.

0

plain

boolean

Truetorenderthetabstripwithoutabackgroundcontainerimage.

false

fit

boolean

Truetosetthesizeoftabscontainertofitit'sparentcontainer.

false

border

boolean

Truetoshowtabscontainerborder.

true

scrollIncrement

number

Thenumberofpixelstoscrolleachtimeatabscrollbuttonispressed.

100

scrollDuration

number

Thenumberofmillisecondsthateachscrollanimationshouldlast.

400

Events

Name

Parameters

Description

onLoad

arguments

Fireswhenanajaxtabpanelfinishloadingremotedata.argumentsissameasthecallbackfuntionsuccessofjQuery.ajax.

onSelect

title

Fireswhenuserselectatabpanel.

onClose

title

Fireswhenusercloseatabpanel.

Methods

Name

Parameter

Description

resize

none

Resizethetabscontaineranddolayout.

add

options

Addanewtabpanel,theoptionsparameterisaconfigobject,seetabpanelpropertiesformoredetails.

close

title

Closeatabpanel,titleparameterindicatewhichpaneltobeclosed.

select

title

Selectatabpanel.

exists

title

Indicateifthespecialpanelisexists.

TabPanel

Properties

Name

Type

Description

Default

id

string

ThetabpanelDOMidattribute.

null

title

string

Thetabpaneltitletext.

content

string

Thetabpanelcontent.

href

string

AURLtoloadremotecontenttofillthetabpanel.

null

cache

boolean

Truetocachethetabpanel,validwhenhrefpropertyissetted.

true

icon

string

AniconCSSclasstoshowontabpaneltitle.

null

closable

boolean

Whensettotrue,thetabpanelwillshowaclosablebuttonwhichcanclicktoclosethetabpanel.

false

selected

boolean

Whensettotrue,tabtabpanelwillbeselected.

false

width

number

Thewidthoftabpanel.

auto

height

number

Theheightoftabpanel.

auto

UsageDraggable

Markup

100px;height:

100px;border:

1pxsolid#ccc;">

#ccc;">title

jQuery

$（'#dd'）.draggable（options）;

Options

Overridedefaultswith$.fn.draggable.defaults.

Properties

Name

Type

Description

Default

handle

selector

Thehandlethatstartthedraggable.

null

disabled

boolean

Truetostopdraggable.

false

edge

number

Thedragwidthinwhichcanstartdraggable.

0

axis

string

Definestheaxiswhichthedraggedelementsmoveson,availablevalueis'v'or'h',whensettonullwillmoveacross'v'and'h'direction.

null

Events

Name

Parameters

Description

onStartDrag

e

Fireswhenthetargetobjectstartdragging.

onDrag

e

Firesduringdragging.Returnfalsewillnotdodraggingactually.

onStopDrag

e

Fireswhenthedraggingstops.

Resizable

UsageResizable

Markup

100px;height:

100px;border:

1pxsolid#ccc;">

jQuery

$（'#rr'）.resizable（options）;

Options

Overridedefaultswith$.fn.resizable.defaults.

Properties

Name

Type

Description

Default

disabled

boolean

Truetodisableresizing.

false

handles

string

Indicatethedirectionofresizable,'n'isthenorth,'e'istheeast,etc.

n,e,s,w,ne,se,sw,nw,all

minWidth

number

Theminimumwidthwhenresizing.

10

minHeight

number

Theminimumheightwhenresizing.

10

maxWidth

number

Themaximumwidthwhenresizing.

10000

maxHeight

number

Themaximumheightwhenresizing.

10000

edge

number

Theedgeofbordertoberesized.

5

Events

Name

Parameters

Description

onStartResize

e

Fireswhenstartresizing.

onResize

e

Firesduringresizing.Whenreturnfalse,theDOMelementwillnotactsactualresizeaction.

onStopResize

e

Firestwhenstopresizing.

Panel

UsagePanel

Markup

Manypanelpropertiescanbedefinedin

markup.

10px;">

PanelContent

jQuery

Tocreateapanel

$（'#p'）.panel（options）;

Tocreateapanelwithcustomtools

$（'#p'）.panel（{

title:

'MyPanel',

tools:

[{

iconCls:

'icon-new',

handler:

function（）{alert（'new'）}

},{

iconCls:

'icon-save'

handler:

function（）{alert（'save'）}

}]

}）;

Tomovepaneltootherposition

$（'#p'）.panel（'move',{

left:

100,

top:

100

}）;

Dependencies

none

Options

Overridedefaultswith$.fn.panel.defaults.

Properties

Name

Type

Description

Default

title

string

Thetitletexttodisplayinpanelheader.

null

iconCls

string

ACSSclasstodisplaya16x16iconinpanel.

null

width

number

Setthepanelwidth.

auto

height

number

Setthepanelheight.

auto

left

number

Setthepanelleftposition.

null

top

number

Setthepaneltopposition.

null

cls

string

AddaCSSclasstothepanel.

null

headerCls

string

AddaCSSclasstothepanelheader.

null

bodyCls

string

AddaCSSclasstothepanelbody.

null

style

object

Addacustomspecificationstyletothepanel.

{}

fit

boolean

Whentruetosetthepanelsizefitit'sparentcontainer.

false

border

boolean

Definesiftoshowpanelborder.

true

doSize

boolean

Ifsettotrue,thepanelwillberesizeanddolayoutwhencreated.

true

collapsible

boolean

Definesiftoshowcollapsiblebutton.

false

minimizable

boolean

Definesiftoshowminimizablebutton.

false

maximizable

boolean

Definesiftoshowmaximizablebutton.

false

closable

boolean

Definesiftoshowclosablebutton.

false

tools

array

Customtools,everytoolcancontaintwoproperties:

iconClsandhandler

[]

collapsed

boolean

Definesifthepaneliscollapsedatinitialization.

false

minimized

boolean

Definesifthepanelisminimizedatinitialization.

false

maximized

boolean

Definesifthepanelismaximizedatinitialization.

false

closed

boolean

Definesifthepanelisclosedatinitialization.

false

href

string

AURLtoloadremotedataandthendisplayinthepanel.

null

loadingMessage

string

Whenloadingremotedatashowamessageinthepanel.

Loading…

Events

Name

Parameters

Description

onLoad

none

Fireswhenremotedataisloaded.

onBeforeOpen

none

Firesbeforepanelisopened.

onOpen

none

Firesafterpanelisopened.

onBeforeClose

none

Firesbeforepanelisclosed.

onClose

none

Firesafterpanelisclosed.

onBeforeDestroy

none

Firesbeforepanelisdestroyed.

onDestroy

none

Firesafterpanelisdestroyed.

onBeforeCollpase

none

Firesbeforepaneliscollapsed.

onCollapse

none

Firesafterpaneliscollpased.

onBeforeExpand

none

Firesbeforepanelisexpanded.

onExpand

none

Firesafterpanelisexpanded.

onResize

width,height

Firesafterpanelisresized.

width:

thenewouterwidth

height:

thenewouterheight

onMove

left,top

Firesafterpanelismoved.

left:

thenewleftpostion

top:

thenewtopposition

onMaximize

none

Firesafterthewindowhasbeenmaximized.

onRestore

none

Firesafterthewindowhasbeenrestoredtoitsoriginalsize.

onMinimize

none

Firesafterthewindowhasbeenminimized.

Methods

Name

Parameter

Description

options

none

Returnoptionsproperty.

panel

none

Returnthepanelobject.

header

none

Returnthepanelheaderobject.

body

none

Returnthepanelbodyobject.

setTitle

title

Setthetitletextofheader.

open

forceOpen

WhenforceOpenparametersettotrue,thepanelisopenedbypasstheonBeforeOpencallback.

close

forceClose

WhenforceCloseparametersettotrue,thepanelisclosedbypasstheonBeforeClosecallback.

destroy

forceDestroy

WhenforceDestroyparametersettotrue,thepanelisdestroyedbypasstheonBeforeDestroycallback.

refresh

none

Refreshthepaneltoloadremotedatawhenhrefpropertyissetted.

resize

options

Setpanelsizeanddolayout.Theoptionsobjectcontainsfollowingproperties:

width:

thenewpanelwidth

height:

thenewpanelheight

left:

thenewpanelleftposition

top:

thenewpaneltopposition

move

options

Movethepaneltoanewposition.Theoptionsobjectcontainsfollowingproperties:

left:

thenewpanelleftposition

top:

thenewpaneltopposition

Accordion

UsageAccordion

Markup

300px;height:

200px;">

auto;padding:

10px;">

#0099FF;">AccordionforjQuery

AccordionisapartofeasyuiframeworkforjQuery.Itletsyoudefineyouraccordioncomponentonwebpagemoreeasily.

10px;">

content2

content3

jQuery

$（'#aa'）.accordion（options）;

Dependencies

∙panel

Options

ContainerOptions

Name

Type

Description

Default

width

number

Thewidthofaccordioncontainer.

auto

height

number

Theheightofaccordioncontainer.

auto

fit

boolean

Settotruetosettheaccordioncontainersizefitit'sparentcontainer.

false

border

boolean

Definesiftoshowtheborder.

true

PanelOptions

Theaccordionpanelo

举报
举报 版权申诉
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载
配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：
jQuery easy UI API
提示  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
关于本文
本文标题：jQuery+easy+UI+API.docx
链接地址：https://www.bdocx.com/doc/8215462.html
相关搜索
jQuery easy UI API

热门标签

关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2022 冰点文档网站版权所有

经营许可证编号:鄂ICP备2022015515号-1

收起
在线客服
意见反馈
返回顶部
展开
QQ交谈
返回顶部