快捷搜索:

LJS控件库--Dialog使用指南

本文示例源代码或素材下载

Dialog控件效果图:

留意:Dialog为LJS中的一个控件,应用前请涉猎LJS应用指南

Dialog应用指南

1.编写设置设置设备摆设摆设文件

Dialog的设置设置设备摆设摆设文件实际上是一个XML文件,该设置设置设备摆设摆设文件用于阐明将要创建的Dialog的标题,样式,内容等,设置设置设备摆设摆设文件阐明如下图所示:

  图片看不清楚?请点击这里查看原图(大年夜图)。

设置设置设备摆设摆设文件中根节点()属性阐明:

属性

阐明

Width

宽度

Height

高度

TitleHeight

标题栏高度

Class

样式

BorderWidth

边框宽度

Resizeable

是否可以调剂大年夜小

2.Dialog各部分样式阐明

Dialog为各个部分均指定了样式名称,你可以经由过程css定制Dialog的外不雅,各部分样式名称阐明如下:

LJS供给了一个类型ExtJS样式的css,假如要自定义Dialog的外不雅,可根据该模板改动:

ExtJS样式下载(TitleHeight=18,BorderWidth=6)

XP样式下载(TitleHeight=26,BorderWidth=4)

3.创建Dialog

var dialog=LJS.create(

"LJS.UI.Dialog",//控件类型

"dialog.xml"//控件设置设置设备摆设摆设文件URL

);

4.节制Dialog工具

创建了Dialog工具后,就可以调用措施节制Dialog工具(如显示,暗藏等),今朝支持的措施如下:

措施

阐明

show(pos,left,top)

显示Dialog

pos-位置,center表示居中显示,轻忽left和top

left-坐上角横坐标

top-左上角纵坐标

hide()

暗藏

resize(width,height)

调剂大年夜小

width()

Dialog宽度

height()

Dialog高度

clientWidth()

客户区宽度

clientHeight()

客户区高度

更多功能开拓中...

您可能还会对下面的文章感兴趣: