十分钟学会使用的js框架组件----ymPrompt消息提示组件

十分钟学会使用的js框架组件----ymPrompt消息提示组件

这个组件包括了我们经常使用的各种消息提示组件

如:

         ymPrompt.alert(参数) //消息提示类型 

         ymPrompt.succeedInfo(参数) //成功信息类型  

         ymPrompt.errorInfo(参数) //错误信息类型  

         ymPrompt.confirmInfo(参数) //询问消息类型  

         ymPrompt.win(参数) //自定义窗口类型

并且参数的序列都是一样的,不需要的话直接用null即可

参数依次为

message:消息组件要显示的内容,默认为“内容”。

         width:消息框的宽度,默认为300

         height:消息框的高度,默认为185

         title:消息组件标题,默认为“标题”

         handler:回调函数。当确定/取消/关闭按钮被点击时会触发该函数并传入点击的按钮标识。如ok代表确定,cancel代表取消,close代表关闭

         maskAlphaColor:遮罩的颜色,默认为黑色。

         maskAlpha:遮罩的透明度,默认为0.1 

        fixPosition:设定是否弹出框随滚动条一起浮动,保持在屏幕的固定位置,默认为false

         dragOut:设定是否允许拖出屏幕范围,默认为true

         autoClose:设定用户点击窗口中按钮后自动关闭窗口,默认为true(设定为false后程序中可以通过调用close方法关闭)。

         titleBar:是否显示标题栏,默认显示。注意,如果没有标题栏需要自己在程序中控制关闭。

         showMask:是否显示遮罩层,默认为true

         winPos:弹出窗口的位置,支持8种内置位置(c,l,t,r,b,lt,rt,lb,rb)及自定义窗口坐标,默认为c

                   各参数意义:c:页面中间,l:页面左侧,t:页面顶部,r:页面右侧,b:页面顶部,lt:左上角,rt:右上角,lb:左下角,rb:右下角 

         //以下三个参数主要用于win方法(当然你也可以通过设定这些覆盖前面四个消息类型的默认属性)。

         iframe:是否使用iframe方法加载内容,该属性如果为true,组件则尝试将message内容作为url进行加载。默认为false

         icoCls:图标类型。传入的内容为className,具体写法可以参考ymprompt.css中对图标的定义方式。默认为空。

            btn:按钮定义。传入的是数组形式。每个按钮的格式为[‘按钮文本‘,‘按钮标识‘],如[[‘确定‘,‘ok‘],[‘取消‘,‘cancel‘],[‘关闭‘,‘close‘]]等。

                 注意单个按钮应该是这样的:[[‘确定‘,‘ok‘]]        

         //以下参数可用于对组件语言本地化,如用于英文等系统中

         okTxt:确定按钮的文本描述,默认为“确定”

         cancelTxt:取消按钮的文本描述,默认为“取消”

         closeTxt:关闭按钮的文本描述(鼠标放在关闭按钮上时显示),默认为“关闭”

 

因此,我们只需要引用相关的jscss文件,就可以使用默认或自定义的效果

例如:ymPrompt.confirmInfo(‘信息确认框功能测试‘,null,null,null,handler)就可以实现非常完美的效果

十分钟学会使用的js框架组件----ymPrompt消息提示组件

 

 

十分钟学会使用的js框架组件----ymPrompt消息提示组件

十分钟学会使用的js框架组件----ymPrompt消息提示组件

下载地址如下:

http://www.codefans.net/soft/8800.shtml

十分钟学会使用的js框架组件----ymPrompt消息提示组件

上一篇:jsp页面日期格式化


下一篇:AFNetworkingV2Client改进版