简介
主要介绍简单的HTML控件,表单Form。
使用方法
2.1. 静态框架使用方法仅EAS7.5版本
<wafctrl:form id="form_1" style="height:30px;width:100%;border:1px dotted">
</wafctrl:form>
2.2. JS动态创建EAS8.0+
var options={id:"form_1"}
var dom = waf.createDOM("form", options);
waf.appendDOM(waf("body"), dom);
waf.initComponent("form", options, dom);
2.3. 通用DOM创建EAS8.0+
<form id='form_1'></form>
<!--DOM创建好之后,使用js初始化控件-->
var options = {method:"post"};
waf("#form_1").wafForm(options);
2.4. 方法&事件使用EAS7.5+
//调用方法
waf("#id").wafForm('method', parameter...);
//eg:获取和设置值
waf("#id").wafForm("getValue");
waf("#id").wafForm("setValue","form_2");
//eg:更改事件
waf("#id").wafForm("option","onchange",fn);
属性说明
id String 缺省值: null 不可以在运行期改变 EAS7.5+
定义form控件的id
action String 缺省值: null EAS7.5+
定义form控件的action
accept String 缺省值: null EAS7.5+
定义form控件提交的文件的类型
acceptCharset String 缺省值: null EAS7.5+
定义服务器处理表单数据所接受的字符集
enctype String 缺省值: null EAS7.5+
规定表单数据在发送到服务器之前应该如何编码
method String 缺省值: null EAS7.5+
规定如何发送表单数据,get/post
name String 缺省值: null EAS7.5+
定义表单的名称
target String 缺省值: null EAS7.5+
定义表单控件在何处打开,一般值为_blank,_parent,_self,_top,framename。
tagClass String 缺省值: null EAS7.5+
定义表单控件的样式类
style String 缺省值: null EAS7.5+
定义表单控件的样式style
validateOptions String 缺省值: null EAS7.5+
定义表单控制的校验规则
hidden boolen 缺省值: false 不可以在运行期改变 EAS7.5+
定义表单是否隐藏
方法说明
option 参数: (property[,value]) 返回值类型: (any) EAS7.5+
获得或设置form控件某属性的值,当value参数存在时,设置控件的property属性值,且无返回值,否则返回控件的property属性值。参考样例
- 参数说明:
- property-必要参数,form控件的属性value-可选参数,form控件的属性值
- 返回值说明: 当value参数不存在时,有返回值,该返回值为与property对应的属性值,可以是任意类型的javascript对象。
option 参数: (options) 返回值类型: (无) EAS7.5+
对控件多个属性进行一次性设置。参考样例
- 参数说明:
- options-形式如{property:value[,property1:value1,…]}的json对象,用来描述表单的属性和相应的值
- 返回值说明: 无
appendChildren 参数: (source,pos) 返回值类型: (无) EAS7.5+
向form控件中增加内容。 参考样例
- 参数说明:
- source-需要往form中增加的内容,可以是任意的HTML内容或者JQuery对象,一般为对应的具体控件,比如text,f7等。pos-追加到那个位置,可以不传递,如果不传递,默认追加到最后。
- 返回值说明: 无
removeChildren 参数: (source) 返回值类型: (无)。 EAS7.5+
删除form控件中子元素内容。参考样例
- 参数说明:
- source-可以是id字符串或者其对应的Jquery对象,一般为对应的具体控件,比如text,f7等。
- 返回值说明: 无
样例集合
- 表单示例