开放原子开发者工作坊

LJS源代码及控件使用示例下载

Dialog控件效果图：

 

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

Dialog使用指南

1.编写配置文件

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

配置文件中根节点(<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()	客户区高度

更多功能开发中...

LJS源代码及控件使用示例下载

posted @ 2009-05-11 18:10 卢春城 阅读(1139) 评论(7)   编辑 收藏 网摘 所属分类: LJS控件库

发表评论

   回复   引用   查看    

#1楼  2009-05-11 22:01 | ilovedotnet       

楼主的JS功夫确实不错，赞一个！

   回复   引用   查看    

#2楼  2009-05-12 09:42 | 老Q       

怎么和后台结合呢？
比如弹出对话框，确认等操作

   回复   引用   查看    

#3楼  2009-05-12 10:13 | LanceZhang       

灰常灰常像extjs

   回复   引用   查看    

#4楼  [ 楼主]2009-05-12 12:14 | 卢春城       

@老Q
可以使用我开发的APS.net控件:Variable控件

也可以使用ICallbackEventHandler接口

   回复   引用   查看    

#5楼  [ 楼主]2009-05-12 12:19 | 卢春城       

@LanceZhang
这个样式是ExtJS的，目前已经提供了XP样式

   回复   引用   查看    

#6楼  2009-05-12 12:30 | 不在乎       

窗体的返回值呢?
有么?

   回复   引用   查看    

#7楼  [ 楼主] 2009-05-12 12:40 | 卢春城       

@不在乎
没有