《北风网extjs第五讲.extjs最常用表单组件numbercheckboxradio》由会员分享,可在线阅读,更多相关《北风网extjs第五讲.extjs最常用表单组件numbercheckboxradio(9页珍藏版)》请在金锄头文库上搜索。
1、北风网项目培训北风网项目培训第五讲.ExtJs最常用表单组件Number、CheckBox、Radio)在线选课系统1课程知识课程知识1、Ext.form.field.Number2、Ext.form.field.CheckBox3、Ext.form.field.Radio2ExtJS-Ext.form.field.Number1、提供数字输入2、按键过滤和数字验证3、免去了复杂的逻辑判断3ExtJS- Ext.form.field.Number配置项配置项类型类型说明说明allowDecimalsBoolean是否允许输入小数,默认为trueautoStripCharsBoolean是否过滤
2、不允许输入的字符,默认为falsebaseCharsString输入的有效数字集合,默认为“0123456789”decimalPrecisionNumber输入数字的精度,默认为保留小数点后2位decimalSeparatorString十进制分隔符,默认为“.”maxValueNumber允许输入的最大数值,默认为Number.MAX_VALUEmaxTextString输入超过最大值之后提示消息minValueNumber允许输入的最小值,默认为Number.NEATIVE_INFINTYminTextString输入值小于最小值的提示消息nanTextString输入非有效数值之后的提
3、示消息negativeTextString当输入为负数,且minValue设置为0时的错误提示stepNumber设置提供微调按钮增大或减小数值时的数字间隔,默认为14ExtJS- Ext.form.field.CheckBox1、对同一属性进行多项选择2、类似于HTML的input标签中的checkbox类型5ExtJS- Ext.form.field.Radio1、对同一属性进行唯一选择2、类似于HTML的input标签中的radio类型6ExtJS-CheckBox、Radio属性配置属性配置配置项配置项类型类型说明说明boxLabelString紧靠复选框的文字描述boxLabelAl
4、ignString设置复选框关联标签的位置,有效值包括:“before”和“after”,默认为“after”checkedBoolean设置复选框默认是否被选中,默认为falsehandlerFunction设置当选中状态发生变化时的处理函数,传入参数为:checkbox:Ext.form.Checkbox复选框组件checked:Boolean新的选中状态inputValueString提交值,默认为“on”scopeObject设置handler处理函数的作用范围uncheckedValueString设置当复选框未选中时向后台提交的值,默认为undefined7ExtJS菜单栏菜单栏-CheckBoxGroup、RadioGroup配置项配置项类型类型说明说明allowBlankBoolean设置是否必须选中至少一项,true表示可以不选,false表示不能为空,至少选中一项,默认为true。blankTextString当allowBlank设置为false,并且没有选中任何复选框时的提示错误消息columnsString/Number/Array设置列数量,有效值包括:“auto”:自动平分字段容器的宽度Number:指定列数Array指定列宽的数组,可以使用整数和浮点数。itemsArray复选框或复选框配置对象的数组8欢迎访问我们的官方网站9