构建 DynamicForm 类的新实例。
全称 | mx.datacontrols.DynamicForm |
命名空间 | mx.datacontrols |
类 | DynamicForm |
继承层次结构 | DynamicFormContainerControl |
源文件 | ~\mx\scripts\datacontrols\DynamicForm.js |
JavaScript 代码 |
var entityContainer = new mx.datacontainers.FormEntityContainer(
{type:"local"}
);
var form = new mx.datacontrols.DynamicForm({
entityContainer: entityContainer,
width:"500px",
height:"400px",
fields:[
{
ctype: 'HSplit',
rows: "30%,60%",
controls: [
{
ctype: 'VSplit',
cols: "50%,50%",
index: 0,
controls: [
{
{
ctype: 'TextEditor',
fieldOptions:{},
name: 'id2',
caption:"id2",
top:'10px',
index:0
}
},
{
ctype: 'TextEditor',
name: 'id3',
caption:"id3",
index:0
},
{
ctype: 'TextEditor',
name: 'id4',
caption:"id4",
index:1
},
{
ctype: 'TextEditor',
name: 'id5',
caption:"id5",
index:1
},
]
},
{
ctype: 'TabControl',
index: 1,
controls: [
{
text: "选项卡1",
name: 'tab1',
controls: [
{
ctype: 'mx.editors.TextEditor',
name: 'asdfadsf',
caption:"标题"
},
{
name:"hahahah",
caption:"标题1",
ctype:"mx.editors.CheckListEditor",
editorOptions:{type : "radio"},
items:[
{text: "变电站1", value: "xx-001"},
{text: "变电站2", value: "xx-002"},
{text: "变电站3", value: "xx-003"}]
}
]
},
{
text: "选项卡2",
name: 'tab2',
controls: [
{
ctype: 'mx.editors.TextEditor',
name: 'nameddd'
}
]
}
]
}
]
}
]
});
form.load();
form.on("validate", function(e)
{
var entityContainer = form.entityContainer;
if (entityContainer.getValue("password") != entityContainer.getValue("confirmPassword"))
{
// 通过事件参数传递校验结果
e.successful = false;
e.hint = "两次输入的密码不一致。";
}
}); |
名称 | 说明 |
DynamicForm() | 构建 DynamicForm 类的新实例。 |
名称 | 说明 |
init() | 初始化方法。执行设置样式并初始化属性等操作。 |
名称 | 说明 |
alias | 获取或设置一个字符串,表示控件的别名。 |
baseUrl | 详见 DataGrid.baseUrl 属性。 |
border | 获取控件的边框样式。如“1px solid red”,表示边框的样式为 1 像素红色的实线。请使用 setBorder 方法设置该字段的值。 |
bottom | 获取控件的下边界与父容器下边界的像素距离。请使用 setBottom 方法设置该字段的值。 |
captionPosition | |
contextMenu | 获取或设置容器的上下文菜单。 |
controls | 获取容器包含的控件集合。集合中的单个控件也可能是一个容器。请使用 addControl 和 removeControl 方法向集合中添加或移除控件。 |
cssClass | 指定css伪类名称,设置控件显示样式 |
display | 获取控件的显示样式值。如“none”,表示隐藏控件; “block”表示强制作为块对象呈递。请使用 setDisplay。注:该"block"值不能在ComplexGrid控件中使用。 方法设置该字段的值。 |
editors | 获取一个集合,包含表单中所有的编辑器(Editor 类型)。 |
enabled | 获取控件是否可以对用户交互作出响应。如果该值为 true,则表示控件可以对用户交互作出响应;反之则不能。 请使用 setEnabled 方法设置该字段的值。 |
entityContainer | 获取一个 FormEntityContainer 对象(通常是 FormEntityContainer 类型),表示表单的数据源。 请使用 setEntityContainer 方法设置该字段的值。 |
eTag | 获取控件的标签。 |
fields | 表单的所有的fields |
height | 获取容器的高度。可以是数字(如 500)、字符串(如“500px”或“50%”)。 |
isbuild | 指示表单是否已构建 |
layout | 获取和设置一个容器控件的布局器。详见 LayoutFactoryClass.createLayout 方法的 p_layout参数。 |
layoutConfigs | 获取或者设置一个 JSON 对象,该属性表示控件在父容器中的布局配置参数。该属性只有在控件父容器运用布局器才会生效。 |
layoutOptions | 获取和设置布局参数,该属性是一个 JSON 对象。 |
left | 获取控件的左边界与父容器左边界的像素距离。请使用 setLeft 方法设置该字段的值。 |
padding | 获取控件的内边距。如“4px”表示上下左右的内边距均为 4 像素; “4px 2px 3px 1px”则表示上边距为 4 像素,右边距为 2 像素,下边距为 3 像素,左边距为 1 像素。请使用 setPadding 方法设置该字段的值。 |
parent | 获取控件所属的父对象。 |
permissionID | 获取或设置一个字符串,表示控件的权限标识。 |
position | 详见 Control.position 属性。 |
primaryKey | 数据对象主键属性名,默认为id。 |
right | 获取控件的右边界与父容器右边界的像素距离。请使用 setRight 方法设置该字段的值。 |
top | 获取控件的上边界与父容器上边界的像素距离。请使用 setTop 方法设置该字段的值。 |
visible | 获取一个 Boolean 值,表示控件是否可见。如果该值为 true,则表示控件可见;反之则不可见。请使用 setVisible 方法设置该字段的值。 |
width | 获取容器的宽度。可以是数字(如 500)、字符串(如“500px”或“50%”)。 |
$container | 获取容器控件中用来包含控件 DOM 元素的占位符。 |
$e | 获取该控件的占位符,该占位符为一个 JQuery 对象。 |
名称 | 说明 |
onctrladded | 当添加控件到容器后,将触发该事件。 |
onctrlremoved | 当从容器移除控件后,将触发该事件。 |
onload | 当表单加载完数据后触发该事件。 |
onloading | 当数据容器开始加载数据时,将触发该事件。调用 load 方法时会触发该事件。 |
onrendering | 加载数据之后,表单渲染之前将触发该事件。 |
onsubmit | 当表单提交是触发该事件。 |
onvalidate![]() |
当验证表单输入时将触发该事件。调用 validate 方法时会触发该事件。可通过订购该事件,实现对表单的自定义验证。 |