artDialog组件应用学习（一）

artDialog组件应用学习（一）

个人觉得artDialog是一组很不错的对话框组件。

写的是artDialog_v6应用。

官方称其兼容性测试通过：IE6~IE11、Chrome、Firefox、Safari、Opera。

官网：http://aui.github.io/artDialog/

一.artDialog特点：

1.支持普通和气泡形式对话框；

2.支持标准和模态对话框；

3.自适应内容尺寸；

4.可以自定义皮肤。

二.网页中使用artDialog需要seajs或RequireJS加载。

我用的是seajs。

从官网可以下载artDialog相关组件和seajs。

应用实例：1.在自己的专案里引入artDialog相关文件；

2.在网页中引入seajs;

 <script type="text/javascript" src="/Scripts/Arale/sea-modules/sea.js"></script>

 <script type="text/javascript">

     seajs.config({

         alias: {

             "jquery": "jquery-1.10.2"

         }

     });

</script>

三.属性与方法

• 方法
  • show([anchor])
  • showModal([anchor])
  • close([result])
  • remove()
  • content(html)
  • title(text)
  • width([value])
  • height([value])
  • reset()
  • button(args)
  • focus()
  • blur()
  • addEventListener(type, callback)
  • removeEventListener(type, callback)
  • dialog.get(id)
  • dialog.getCurrent()
• 选项
  • 内容
    • title
    • content
    • statusbar
  • 按钮
    • ok
    • okValue
    • cancel
    • cancelValue
    • button
  • 外观
    • width
    • height
    • skin
    • padding
    • align
  • 交互
    • fixed
    • quickClose
    • autofocus
    • zIndex
  • 事件
    • onshow
    • onbeforeremove
    • onremove
    • onclose
    • onfocus
    • onblur
    • onreset
  • 高级
    • id
• 属性
  • open
  • returnValue

以上属性和方法在各种对话框中基本通用，可自行试用。