admin 管理员组

文章数量: 887021


2024年2月27日发(作者:pc端能弄flex布局吗)

报哪儿网- 专业致力于教育培训网上服务平台!

lhgdialog

弹出窗口控件使用说明

一、lhgdialog控件文件结构:

1. :控件引用的核心库文件。

2. :控件的调用和配置文件。

3. :控件的模板和核心文件。

4. skins:存放皮肤的相关文件,你可以根据需要清理或添加皮肤文件包。

5. :示例页文件,实际使用中不需要可删除。

6. content:存放内容页示例文件,实际使用中不需要可删除。

注:以上的前三个文件和skins文件夹为控件所必须的,第5个和第6个为示例所用,在实际使用时把它删除即可。其中和和skins这三项必须放在同一目录下,不能分开存放,也不能更改其结构。这里特别说明一下文件,此文件为一个简化的jQuery库文件,此文件可以放在其它任何目录中,但它和前面讲的那三项文件名都不能更改。这个库文件除了用在此控件上外,你还可以把它用到你的其它的js代码里,是一个非常好用的库文件,功能和jQuery差不多,具体的使用方法你可以到我的网站上下载使用说明文档()。

二、lhgdialog插件在页面的加载说明:

在你要调用插件的页面的里加载和即可。下面给出一个在调用页面加载组件的示例:

这里要注意一定要在加载前加载

三、lhgdialog主调函数参数说明:

主调函数:( id, options );

参数说明:

1. id:窗口id号,必写项,不能省略。每个窗口的id必须是唯一的不能重复。

2. options:json 格式的key/value 对象参数,它包括以下选项,都是可选的。

① title:窗口标题,默认值为’lhgdialog’。

② page||link||html:窗口内容页类型(三种),每个弹出窗口只可使用其中一种,可选项。其中page指窗口内容页为自定义的文件,link指窗口内容页为外部联接的页面。html指窗口内容页为html代码。另外:page的值为文件到自定义的内容页的相对路径加上文件名,link的值为:......的形式,htt://不能省略。html的值为html代码形式即可。

③ width:窗口宽度,默认值为400。

④ height:窗口高度,默认值为300。

⑤ cover:是否打开遮罩层,默认为不打开。

报哪儿网 -

报哪儿网- 专业致力于教育培训网上服务平台!

⑥ top:窗口距浏览器顶端距离,如不写则窗口显示在屏幕中间。

⑦ left:窗口距浏览器左边距离,如不写则窗口显示在屏幕中间。

⑧ rang:是否限制在浏览器内拖动。

⑨ custom:传到内容内的自定义值或函数,使用方法看示例文件。

⑽ drag:是否拖动窗口,默认为true。

⑾ foot:是否显示页脚部分,默认为true。

⑿ cache: 是否从缓存加载内容页,默认为true。

注:在文件的dialogSet函数里的_default变量为控件的一些默认值的设置,你可以更改这里的默认值来改变控件的默认值。

四、在frameset框架集中的使用:

因为好多人的项目都用到了frameset所以在这里特别说明一下。在html中没有任何元素可以浮动在 frameset框架之上的,如果你想要弹窗浮动在 frameset之上, 你必须在

frameset 页面外层在加上 iframe 框架,然后把frameset页面嵌入到这个iframe里就可以了,这也是目前所有解决 div层浮动在 frameset之上的可行方法。

五、关于和和和和对象的使用:

在窗口组件进行传值或在其它位置引用窗口对象时要能够取窗口对象,插件提供了5个对象来简化对窗口和窗口内容页对象的引用,下面详细说明一个如何使用这5个对象:

1. ['窗口id']

此对象取的是这个文件(也就是窗口)的document对象,有了这个对象你就可以操作页面里的任何元素

比如取窗口取消按钮的文本就可以这样操作:

( 'test', {page:'_content/' });

['test'].getElementById('cbtn').innerHTML // cbtn为取消按钮的id

J('#cbtn',['test']).html() //这个是使用库里的方法取按钮的文本

2. ['窗口id']

此对象取的是这个文件(也就是窗口)的window对象,有了这个对象你就可以调用页面里的函数

比如调用窗口的关闭函数来关闭窗口:

( 'test', {page:'_content/' });

['test'].cancel();

3. ['窗口id']

此对象取的是加载内容页的id为frmain的iframe对象,我们可以通过更改此对象的src属性来达到窗口内容页的转换。

下面这2个对象只有在内容页加载了setDialog()函数后才可用。

4. ['窗口id']

此对象取的是加载内容页的id为frmain的iframe的document对象,有了这个对象你就可以在其它页面来控制内容页页面元素,主要用来传值

报哪儿网 -

报哪儿网- 专业致力于教育培训网上服务平台!

具体的使用方法请看示例页面的示例 4. 将文本框的值传到窗口的文本框里

5. ['窗口id']

此对象取的是加载内容页的id为frmain的iframe的window对象,有了这个对象你就可以调用内容页的函数,这个主要用在跳转页面

具体的使用方法请看示例页面的示例 8. 当主调函数里内容页参数为html或link时可通过custom参数来执行函数控制窗口对象。

六、关于窗口的一些常函数接口的使用:

1. () 函数:

此函数是用来在内容页控制窗口大小的函数,使用方法请参考示例页的 7. 的在内容用按钮控制窗口大小 示例

2. setDialog()函数:

此函数为内容页里必须加载的函数,此函数的功能在代码里我都有注释说明

3. cancel()函数

此函数为关闭窗口的函数,如要关闭窗口就可以调用此函数

4. addBtn( id, txt, fn )函数

此函数是在窗口页面的页脚创建新的按钮

参数说明:

id - 新建按钮的id

txt - 新建按钮的文本

fn - 新建按钮绑定的函数

5. removeBtn(id)函数

此函数是用来删除窗口页面的页脚的按钮

6. ()函数(2.3.6新增)

此函数是用来根据窗口内容页的大小自动调整窗口的大小

七、lhgdialog其它一些说明:

如果你在使用中还有其它问题,可到我的博客上发贴提出,我的博客地址:

/

或加到QQ讨论群:2595744 或我的QQ上提出:34596187 加时请注明

报哪儿网 -


本文标签: 内容 函数 使用 文件 页面