z.Grid()

方法、属性与官方的文档基本一致

var gd1 = new z.Grid();

gd1.isinit //第一次为 true ,绑定完成后始终为 false

gd1.id //表格容器#ID，默认 #Grid1

gd1.type //表格类型，默认 datagrid ，支持：datagrid、treegrid、propertygrid、datalist

gd1.autosize //自动调整大小，默认 xy ，支持：xy(宽满高沉底)、x、y、p(填充父容器)

gd1.autosizePid //父容器#ID，默认 #myBody，为实现自动调整大小所需要

gd1.columnsExists //是否查询列配置，第一次查询列配置后赋值为 true ，为true 则后面不在查询列配置

gd1.dataCache //异步请求得到的数据

gd1.onComplete(function(obj){ }) //完成回调，可多次调用，注意：完成里面再次调用绑定会造成死循环，需标记跳出

gd1.bind() //本地绑定方法

gd1.load() //加载方法，载入后会自动调用 bind 方法

gd1.func() //方法调用，与官方提供的方法一致，例子：

gd1.func('getSelected') //获取选中行

gd1.func('updateRow', {index:1, row:{}}) //更新行

//查询面板组件拓展

gd1.queryMark //创建查询标记，默认 true

gd1.queryData //查询条件项，默认提取标题列，可自定义(array类型)；也可以设置(虚拟)表名(string类型)，即先输入查询条件再查询数据的情况，配置表名会同步请求表配置得到查询条件项

gd1.QueryBuild() //创建查询面板(含初始化查询面板，并赋值 gd1.query ，只有 gd1.query 对象为空时才会创建 )

gd1.QueryOpen(field) //打开查询面板(自动调用 gd1.QueryBuild 方法); field，可选，指向查询条件字段名，定位行和启用编辑

gd1.QueryWhere() //获取查询面板的条件

gd1.QueryOk = function () { } //点击查询面板确定的回调，可选，自定义确定事件，不写该事件则默认获取查询面板条件请求第一页

gd1.query //query对象为查询面板对象；需调用 gd1.QueryBuild() 或 gd1.QueryOpen()方法后才会有值

z.queryin //指向打开的查询面板,调用 gd1.QueryOpen() 方法时，z.queryin = gd1.query，打开其他的查询面板会对应的指向

gd1.query.grid //查询面板表格，与 gd1 同类型对象

gd1.query.id //指向查询面板表格的容器ID

gd1.query.md //查询面板模态框对象，new z.Modal() 返回的对象

查询面板组件拓展

z.GridQueryMark(gd)

创建查询标记

z.GridQueryBuild(gd)

创建查询面板

z.GridQueryOpen(gd, field)

打开查询面板，自动调用 GridQueryBuild 创建方法，参数：field 指定某个查询列字段，可选

z.GridQueryWhere(gd)

得到查询面板的查询条件，组建 z.SqlQuery 对象

z.GridFormat()

公用的格式化方法，如性别、日期、状态、金额等

z.GridAuto(gd)

Grid调整大小的方法

z.GridLoading(gd)

第一次加载表格时，显示加载图标，以后的加载提示由 DataGrid 组件提供

z.GridEditor(gd, index, field, row)

Grid编辑配置，参数 row 可选，具体看脚本注释

z.GridEditorBlank(gd)

点空白结束Grid编辑

z.Combo()

方法、属性与官方的文档基本一致，与 z.Grid 一样的形式

var cb1 = new z.Combo();

cb1.type //类型，默认 combobox ，支持：combobox、combotree tree

cb1.onComplete(function(obj){ }) //完成回调，可多次调用，注意：完成里面再次调用绑定会造成死循环，需标记跳出

cb1.bind() //本地绑定方法

cb1.load() //加载方法，载入后会自动调用 bind 方法

cb1.func() //方法调用，与官方提供的方法一致，例子：

cb1.func('getValue') //取值

cb1.func('setValue', 1) //赋值

z.TreeVagueCheck(cb, values)

Tree模糊选中，用于一个节点的子节点有部分选中，赋值后子节点被全部选中，用此方法处理，示例参考角色权限设置

z.FormAttrAjax()

formui表单 请求返回数据源&回调，用于初始化异步请求绑定的数据来源，与 z.FormAttrBind 方法配合使用

z.FormAttrBind(target)

formui表单 类型源绑定，用于初始化根据不同的类型调用对应的组件方法 与 z.FormAttrAjax 方法配合使用

z.FormRequired(color, FormId, dialog)

表单必填验证，用于保存时

z.FindTreeNode(data, value, key)

查找树节点

z.FormEdit(rowData)

回填表单，用于选中表格的一行，直接赋值表单编辑

z.FormToJson(FormId)

表单转为 JSON , 用于编辑保存后，不用刷新加载，直接获取表单值更新表格的一行数据

z.FormClear(FormId)

清空表单，用于新增

z.FormDisabled(dd, FormId)

禁用表单，用于查看

z.FormAutoHeight()

模态框表单调整高度，用于模态框高度自适应

z.FormTitle(ops)

表单标题设置 ops示例：{id:"#id", title:"新增", required:true}

• icon 标题图标
• title 标题
• id 标题容器ID或对象
• required 是否显示必填的提示文字，默认 true

z.Modal()

创建模态框

var md1 = new z.Modal();

md1.okText //ok按钮文本

md1.cancelText //cancel按钮文本

md1.okClick //Ok点击回调

md1.cancelClick //Cancel点击回调

md1.title //标题内容

md1.content //主体内容

md1.src //iframe地址，覆盖content属性

md1.heightIframe //iframe高度

md1.complete //iframe加载完成回调

md1.size //模态大小 默认2 可选：1|2|3|4 ;分别对应(sm、md、lg、full)

md1.showClose //显示右上角关闭按钮

md1.showFooter //显示页脚

md1.showCancel //显示Cancel按钮

md1.okClick = function(){} //确定事件

md1.cancelClick = function(){} //取消

md1.append() //追加到 body 上，改方法在最后属性赋值后调用

md1.show() //显示

md1.hide() //隐藏

md1.remove() //移除

md1.modal //指向模态框的jQuery对象，如：md1.modal.find('div.modal-body') 找到模态框内容主体

z.SqlQuery()

用于表示SQL查询条件的对象

// id1='1' AND id2 IN('1','2') AND id2 LIKE '%5%' AND id3>='5' AND id3<='10'

[

{

field: "id1",

relation: "Equal",

value: 1

},

{

field: "id2",

relation: "In",

value: [1, 2]

},

{

field: "id2",

relation: "Contains",

value: "5"

},

{

field: "id3",

relation: "BetweenAnd",

value: [5, 10]

}

]

// relation 关系符说明

{

Equal: '{0} = {1}',

NotEqual: '{0} != {1}',

LessThan: '{0} < {1}',

GreaterThan: '{0} > {1}',

LessThanOrEqual: '{0} <= {1}',

GreaterThanOrEqual: '{0} >= {1}',

BetweenAnd: '{0} >= {1} AND {0} <= {2}',

Contains: '%{0}%',

StartsWith: '{0}%',

EndsWith: '%{0}',

In: 'IN',

NotIn: 'NOT IN'

}

z.DC

页面数据缓存，包括组件、数据源等，所有的东西都在里面

• 下拉列表，根据请求url的地址小写作为键，存储下拉列表组件的信息

z.btnTrigger

按钮触发标识，点击对应的功能按钮，赋值对应按钮的ID

z.button(type, fn)

点击按钮事件(如需要禁用某些功能按钮，为按钮添加 disabled 样式即可生效，而不是设置按钮禁用属性)，不适用二级按钮(弹出的下拉菜单按钮)

z.button('add',functin(){ console.log('新增事件') })

z.buttonClick(type)

模拟操作按钮点击，如：z.buttonClick('add') 模拟点击新增

art(content, fnOk, fnCacle)

消息提示、询问提示，依赖于 z.Modal

art('保存成功');    //类似于alert方法

//有几个关键词做了转换：fail、error、success、select

art('fail') //操作失败，一般用于返回的结果是失败

art('error') //网络错误，一般用于异步请求error事件

art('success') //操作成功，一般用于保存成功

//为所有提示保持风格统一，避免一些：操作有误、操作失败、 系统错误等各种提示

art('确定删除吗？', function(){

//确定，发起删除请求

})

art('是否覆盖？', function(){

//覆盖

},function(){

//不覆盖

})