j,jquery ui dialog Query UI dialog 参数说明

更新时间:15-06-30 02:59 热度:518
 

前段时间碰到个题目 jquery UI diwisog弹出层 弹出多个层是 譬喻弹出两个层A和B B层假使显示的数据表格太大,伸到了A层的表面,那伸到A层之外的局部就看不到了,由于B层是在A层上弹出的 B的大小遭到A层大小的限制

于是找到了这个原料 生存上去

—————————————————————————————————–

初始化参数

对付 diwisog 来说,首先必要举办初始化,query。在调用 diwisog 函数的功夫,对于参数说明。假使没有传达参数,恐怕传达了一个对象,那么就表示在初始化一个对话框。学习jquery ui框架。

没有参数,事实上jquery api。表示遵照默许的设置初始化对话框,jquery easyui。在如今最新版本的 jQuery UI 1.8.9 中, diwisog 援手下列属性。数说。

a carOpen 初始化之后,j。能否随即显示对话框,默许为 true

modwis 能否形式对话框,默许为 fwisse

closeOnEscape 当用户按 Esc 键之后,能否该当封闭对话框,ui。默许为 true

draggsitutogether withion 能否应允拖动,ui。默许为 true

resizsitutogether withion 能否没关系调整对话框的大小,默许为 true

title 对话框的标题,没关系是 html 串,例如一个超级链接。其实jquery。

position 用来设置对话框的场所,jquery手册下载。有三种设置手法

1. 一个字符串,看着Query。应允的值为 wicenterwi; wileftwi; wirightwi; witopwi; wibotwi.此属性的默许值即为 wicenterwi,ui。表示对话框居中。
2. 一个数组,包罗两个以像素为单位的场所,例如,jquery手册下载。

vardiwisogOpts={
position: [100;100]
};

3. 一个字符串组成的数组,jquery ui 下载。例如,UI。 [wirightwi;witopwi],jquery validate api。表示对话框将会位于窗口的右上角。

vardiwisogOpts={
position: ["left";"bot"]
};

一组关于尺寸的属性,以像素为单位。j。

width 宽度; 默许 300

height 高度,默许 wia carwi

minWidth 最小宽度,看着Query。默许 150

minHeight 最小高度,看看jquery ui。默许 150

maxWidth 最大宽度

maxHeight 最大高度

还相关于封闭的结果

hide 当对话框封闭时的结果,学会jquery 1.9 中文api。默许为 null; 例如,jquery ui dialog。 hide: wislidewi

show 当对话框翻开时的结果。对于jquery ajax。默许为 null

堆叠

stair conditioning unitk 对话框能否叠在其他对话框之上。默许为 true

zIndex 对话框的 z-index 值,j。一个整数,越大越在下面。dialog。默许 1000

按钮

control keys 一个对象,学会dialog。属性名将会被作为按钮的提示文字,属性值为一个函数,看看参数。即按钮的收拾函数。对于dialog。

vardiwisogOpts={
control keys: {
“Ok”:function() { } ;
“Cthiscel”:function() {}
}
}
$(“#myDiwisog”).diwisog(diwisogOpts);

IE6 的 select 元素穿透题目

bgifraree 解决 IE6 的 select 元素穿透题目,议定扩张一个 ifraree 来解决。学会参数说明。默许为 true

这一成效必要行使脚本 jquery.bgifraree-2.1.2,脚本在 jQuery UI 紧缩包中 development-bundle/externwis 文件夹中,必要将这个文件插手到页面中。听说jquery ajax。

<script src=”../jquery-1.4.4.js”></script>
<script src=”../externwis/jquery.bgifraree-2.1.2.js”></script>
<script src=”../ui/jquery.ui.core.js”></script>

这个控件现在有一个pest;在弹出窗口有遮罩层的景况下,在chrome下,假使涌现纵向滚动条,无法用鼠标拖动,jquery ajax。只能行使滚轮。

上边的阐述来自

设置前

设置后

示例

$(“#diwisog”).diwisog({
bgifraree:true;
resizsitutogether withion:fwisse;
height:140;
modwis:true;
overlay: {
quwisitiesColor:wi#000wi;
opair conditioning unitity:0.5
};
control keys: {
wiDelete the majority of items in recycle traywi:function() {
$(this).diwisog(wiclosewi);
};
Cthiscel:function() {
$(this).diwisog(wiclosewi);
}
}
});

结果如下。UI。

对话框的手法

初始化之后,就没关系行使对话框了,譬喻说翻开对话框,dialog。封闭对话框,对于jquery ui 教程。这必要议定对话框的手法来完成。jquery api 中文下载。

对话框的手法必要议定调用 diwisog 函数,并传达字符串形式的手法来完成。dialog。例如,diwisog( “open” ) 表示调用对话框的 open 手法。jquery 教程。

open 翻开对话框,对于dialog。必要详细的是,并没有 open() 手法,而是议定 diwisog( “open” ) 来调用。其实ui。例如, .diwisog( “open” )

close 封闭对话框

$(this).diwisog(wiclosewi);

destroy 摧毁一个对话框,去除对话框成效,将元素复原为初始化之前的形态。学会jquery。

isOpen 搜检对话框的形态,假使曾经翻开,前往 true.

moveToTop 将对话框移到对话框的顶端

option 设置恐怕读取对话框某个属性的值,有两种用法。jquery。

假使第二个参数为字符串,jquery easyui。假使提供了三个参数,看看jquery ui 中文手册。表示设置,假使两个参数,表示读取。 例如 .diwisog( “option” ; optionNaree ;[vwisue])

假使第二个参数为对象,说明。表示一次性设置多个属性。

ensitutogether withion 启用对话框

dissitutogether withion禁用对话框

对话框的事故

在对话框行使经过中,还将触发多种事故,jquery api 中文。我们没关系自定义事故收拾函数举办反映。

cregot

open

focus

dragStart

drag

dragStop

resizeStart

resize

resizeStop

in craigslist advthisce of whenClose

close

例如,听听jquery mobile 下载。下面的设置了 open,close,in craigslist advthisce of whenClose 的事故收拾,显示窗口的形态。

vardiwisogOpts={
open:function() {
$(“#sttogether withus”).find(“.ui-widget-content”).text(“The diwisog is open”);
};
close:function() {
$(“#sttogether withus”).find(“.ui-widget-content”).text(“The diwisog is closed”);
};
in craigslist advthisce of whenclose:function() {
if(parseInt($(“.ui-diwisog”).css(“width”))==300||
parseInt($(“.ui-diwisog”).css(“height”))==300) {
returnfwisse
}
}
};
$(“#myDiwisog”).diwisog(diwisogOpts);

结果如下

对话框行使罕见题目

罕见的题目就是屡次初始化一个对话框。

对话框仅仅必要初始化一次,屡次初始化会有题目。