资源描述:
《dialog调用方法及参数说明》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、调用方法及参数说明1.在页面中引入jaDialog.js如:2.在页面中引入对应的皮肤文件的CSS,如:3.自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用)页面的js中通过jaDialog.setDefaultCfg(cfg)方法修改组件部分或全部
2、的默认属性。如:jaDialog.setDefaultCfg({maskAlpha:0.2,maskAlphaColor:'#00f'})组件的默认配置(对于没有设定的项将采用该配置项的默认值):{ message:'内容',//消息框按钮 width:300,//宽 height:185,//高 title:'标题',//消息框标题 handler:function(){},//回调事件 maskAlphaColor:'#000',//遮罩透明色 maskAlpha:0.
3、1,//遮罩透明度 iframe:false,//iframe模式 icoCls:'',//图标的样式 btn:null,//按钮配置 autoClose:true,//点击关闭、确定等按钮后自动关闭 fixPosition:true,//随滚动条滚动 dragOut:false,//不允许拖出窗体范围 titleBar:true,//显示标题栏 showMask:true,//显示遮罩 winPos:'c',//在页面中间显示 winAlpha:0.8,//拖
4、动窗体时窗体的透明度 closeBtn:true,//是否显示关闭按钮 showShadow:false,//不显示阴影,只对IE有效 useSlide:false,//不使用淡入淡出 slideCfg:{increment:0.3,interval:50},//淡入淡出配置 //按钮文本,可通过自定义这些属性实现本地化 closeTxt:'关闭', okTxt:'确定', cancelTxt:'取消', msgCls:'ja-content'//消息内容的样式
5、 minBtn:false,//不显示最小化按钮 minTxt:'最小化', maxBtn:false,//不显示最大化按钮 maxTxt:'最大化' allowSelect:false,//是否允许选择消息框内容,默认不允许 allowRightMenu:false//是否允许在消息框使用右键,默认不允许}1.根据您的需要调用相应的消息函数(两种参数传入方式):§jaDialog.alert(参数)//消息提示类型§jaDialog.succeedInfo(参数)//成功信息类型
6、§jaDialog.errorInfo(参数)//错误信息类型§jaDialog.confirmInfo(参数)//询问消息类型§jaDialog.win(参数)//自定义窗口类型参数传入方式包含两种:§第一种即传统的参数传入,按照顺序传入相应的参数值即可(一定要按照顺序),对于不需要设定的值请传入null。如jaDialog.alert('内容',null,null,'标题')参数顺序上面的默认配置中参数顺序一致§(推荐)第二种即JSON的传入方式,需要指定字段名,没有顺序,根据需要设定相关属性。如
7、jaDialog.alert({title:'标题',message:'内容'})五个方法的参数意义完全相同(所有参数均为可选,不传入则使用默认参数值),具体含义如下:§message:消息组件要显示的内容,默认为“内容”。§width:消息框的宽度,默认为300。§height:消息框的高度,默认为185。§title:消息组件标题,默认为“标题”§handler:回调函数。当确定/取消/关闭按钮被点击时会触发该函数并传入点击的按钮标识。如ok代表确定,cancel代表取消,close代表关闭§ma
8、skAlphaColor:遮罩的颜色,默认为黑色。§maskAlpha:遮罩的透明度,默认为0.1。§fixPosition:设定是否弹出框随滚动条一起浮动,保持在屏幕的固定位置,默认为true§dragOut:设定是否允许拖出屏幕范围,默认为false。§autoClose:设定用户点击窗口中按钮后自动关闭窗口,默认为true(设定为false后程序中可以通过调用close方法关闭)。§titleBar:是否显示标题栏,默认显示。注意,如果没有标题栏需