Show:

Dialog Class

Defined in: js\dialog.js:19

该类用来处理弹出框,使用 Zebra Dialog 插件实现

Constructor

Dialog

()

Defined in js\dialog.js:19

Methods

errorMsg

(
  • d
  • msg
  • sel
)
Boolean

Defined in js\dialog.js:143

在对话框中显示错误信息

Parameters:

  • d String

    Zebra Dialog 实例的 html 内容

  • msg String

    要显示的错误信息

  • sel String

    在该选择器下寻找错误显示区域

Returns:

Boolean: 正常显示错误返回true,否则返回false

Example:

var d = dialog.get("confirm2",doNothing,doNothing).dialog;//弹出一个Zebra Dialog,并获取 Dialog 的 HTML 内容
dialog.errorMsg(d,"代码名称不能为空");//在对话框中显示错误信息

get

(
  • name
  • msg
  • callback
)
Object

Defined in js\dialog.js:31

获取一个 dialog 并显示,第一个参数为 dialog 的标识名称,对应 option 中的一条配置信息以及 dialog 模版内容; 第二个参数之后,遇到 string 则将其当作候补 dialog 模版内容:若 ajax 加载远端模版内容为空时,则当作候补内容显示; 遇到 function 或者 array 则将其中的 function 全部作为 events 中的元素,按照 option 中的 buttons 的 callback 依次注册事件

Parameters:

  • name String

    对话框名称

  • msg String

    对话框中显示的描述信息(当无法从远端加载对应的内容时显示,也可以在公用一个对话框时用来显示描述信息,例如确认操作窗口)

  • callback Function

    对话框中的按钮对应的处理事件,顺序与界面上的排序相反

Returns:

Object: dialog 返回 Zebra Dialog 实例

Example:

 var d = dialog.get("confirm2",doNothing,doNothing).dialog;//弹出一个Zebra Dialog,并获取 Dialog 的 HTML 内容

getField

(
  • d
  • type
  • idx
)
Object

Defined in js\dialog.js:86

从对话框中寻找某控件或元素

Parameters:

  • d String

    Zebra Dialog 实例的 html 内容

  • type String

    查找条件,jQuery选择器

  • idx Number

    索引

Returns:

Object: element 返回该控件或元素,未找到则返回 undefined

Example:

var d = dialog.get("confirm2",doNothing,doNothing).dialog;//弹出一个Zebra Dialog,并获取 Dialog 的 HTML 内容
dialog.getField(d,"input[type='checkbox']",0);//从对话框中查找第一个(索引为0)的 checkbox 控件

onSettingItemClick

(
  • d
  • step
)

Defined in js\dialog.js:171

用来处理设置菜单左侧选项被点击的动作

Parameters:

  • d String

    Zebra Dialog 实例的 html 内容

  • step Number

    激活第 step 个选项

Example:

var d = dialog.get("confirm2",doNothing,doNothing).dialog;//弹出一个Zebra Dialog,并获取 Dialog 的 HTML 内容
dialog.onSettingItemClick(d,0);//激活设置窗口第一个选项

setValueOf

(
  • d
  • type
  • idx
  • value
)

Defined in js\dialog.js:126

通过 getField 拿到对话框中的某元素 并设置它的 value

Parameters:

  • d String

    Zebra Dialog 实例的 html 内容

  • type String

    查找条件,jQuery选择器

  • idx Number

    索引

  • value Object

    设置值

Example:

var d = dialog.get("confirm2",doNothing,doNothing).dialog;//弹出一个Zebra Dialog,并获取 Dialog 的 HTML 内容
dialog.setValueOf(d,"input[type='checkbox']",0,"1212")//在对话框中查找第一个(索引为0)的 checkbox 控件,并获得其 value

valueOf

(
  • d
  • type
  • idx
)
String

Defined in js\dialog.js:110

通过 getField 拿到对话框中的某元素 并获取它的 value

Parameters:

  • d String

    Zebra Dialog 实例的 html 内容

  • type String

    查找条件,jQuery选择器

  • idx Number

    索引

Returns:

String: value 返回当前元素的value 未找到元素则返回 undefined

Example:

var d = dialog.get("confirm2",doNothing,doNothing).dialog;//弹出一个Zebra Dialog,并获取 Dialog 的 HTML 内容
dialog.valueOf(d,"input[type='checkbox']",0)//在对话框中查找第一个(索引为0)的 checkbox 控件,并获得其 value

Properties

option

JSON

Defined in js\dialog.js:195

定义了所有的Zebra Dialog对话框的配置参数