AutoForm使用

(1)层级

     AutoForm是一整个表单,下面的所有标签都用AutoFormElement来表示

    AutoFormElement包含3个区域:标签区\编辑区\信息提示区

     默认情况下,AutoForm每一行只包含2个AutoformElement,如果不做设置的话,AutoForm会随着页面的大小变化而发生变化

(2)排列控制

     1)改变Autoform每行能容纳的AutoformElement数

属性	值	说明
cols	300,300,300	分3列，每列宽度300
labelWidth	200	列标签宽度

      

         表示每行3列,每列300像素,如果最后一列占剩下的所有像素,可以使用*来表示

     2)改变AutoformElement跨多行或多列显示

属性	值	说明
colSpan	3	表示横跨3列

     相对的,设置rowSpan可以表示横跨多行

(3)修改AutoformElement的类型

      直接在AutoformElement下双击添加指定类型

     1)改为EditorArea

         添加即可

     2)改为单选框

         需要先添加RadioGroup,然后再在下面添加RadioButton

(4)和pojo数据相关的form

    可以直接设置Autoform的dataSet为指定DataSet,然后再右键->点击生成Autoform元素

(5)获取表单中数据

      1)通过控件id获得控件,然后get获得指定值

var value = view.get("#autoFormElement1").get("value");

      2)通过表单获得整个表单的数据,此数据为json格式,读取json类型数据即可

    var entity = view.get("#form1").get("entity");
    dorado.MessageBox.alert(entity.autoFormElement1);

        也就是通过entity的方式来进行读取

(6)设置表单中数据

      1)通过控件id一步步设置

view.set("#autoFormElement1.value","testValue");

      2)通过json数据设置整个表单

    // 由于entity是一个JSON格式的对象，所有者设定值的时候需要使用JSON格式
    view.set("#form1.entity",{
        prop1 : "测试数据"
    });