LJS控件库--Dialog使用指南-控件新闻-慧都网

产品

LJS控件库--Dialog使用指南

原创|其它|编辑：郝浩|2009-05-12 10:20:24.000|阅读 507 次

概述：详细介绍了LJS控件库--Dialog使用指南，并且提供源代码及控件使用示例下载。

Dialog控件效果图：

LJS_UI_Dialog

注意：Dialog为LJS中的一个控件，使用前请阅读LJS使用指南

Dialog的配置文件实际上是一个XML文件，该配置文件用于说明将要创建的Dialog的标题，样式，内容等，配置文件说明如下图所示：

未命名

配置文件中根节点(<Dialog>)属性说明：

Dialog为各个部分均指定了样式名称，你可以通过css定制Dialog的外观,各部分样式名称说明如下:

LJS提供了一个类型ExtJS样式的css，如果要自定义Dialog的外观，可根据该模板修改：

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

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

var dialog=LJS.create(
    "LJS.UI.Dialog",//控件类型
    "dialog.xml"//控件配置文件URL
);

创建了Dialog对象后，就可以调用方法控制Dialog对象（如显示，隐藏等），目前支持的方法如下：

方法	说明
show(pos,left,top)	显示Dialog pos-位置，center表示居中显示，忽略left和top left-坐上角横坐标 top-左上角纵坐标
hide()	隐藏
resize(width,height)	调整大小
width()	Dialog宽度
height()	Dialog高度
clientWidth()	客户区宽度
clientHeight()	客户区高度