当前位置：首页 > 资讯 > 技术文档

Extjs学习笔记之三 extjs form更多的表单项

时间：2020-08-09 12:27 编辑：来源：阅读：
扫一扫，手机访问

摘要：Extjs学习笔记之三 extjs form更多的表单项

[b]1.日期选择框，DateField [/b]日期选择框在日常项目中被广泛应用，一个方便的日期输入机制能够极大的提高用户体验。Extjs的DateField非常友好灵活强大。可以通过如下代码新建一个日期选择框：

[url=http://www.1sucai.cn/upload/2010-1/20100107181309760.png][img]http://files.jb51.net/upload/2010-1/20100107181309375.png[/img] [/url] 注意，默认情况下，这个日历显示的是英文，如果需要显示中文，需要引入区域文件： <script type="text/javascript" src="ext-3.1.0/src/locale/ext-lang-zh_CN.js"></script>对其他控件应该也是类似的。2.HTML编辑器,HTMLEditor HTML编辑器可以使客户编辑html文档。启用HTML编辑器非常简单，而且几乎不需要额外的配置，默认的就很好用：

[url=http://images.cnblogs.com/cnblogs_com/yinzixin/WindowsLiveWriter/Extjs_11FCD/image_6.png][img]http://files.jb51.net/upload/2010-1/20100107181309279.png[/img] [/url] 遗憾的是这个编辑器不支持图文混排，不过对于轻量级的应用来说还是很好用的。如果需要图文混排还是使用专门的第三方的插件好了。 3.组合框, ComboBox 这是一个重量级的控件，因为它在实际应用中起着广泛而重要的作用。虽然它的使用频率没有TextField高，但是它的功能却比TestField丰富的多，所以把它放在比较靠后的位置来介绍。Extjs的ComboBox具有下拉提示，自动完成等功能，也同时支持本地和服务器端的数据源。下面先看一个本地数据源的示例。本地数据源可以放在一个ArrayStore中，这是一个类似一个数组的结构。例如，可以定义下面的store:

[url=http://www.1sucai.cn/upload/2010-1/20100107181309224.png][img]http://files.jb51.net/upload/2010-1/20100107181309121.png[/img] [/url] 使用远程数据也是类似的，不过我们首先要准备好一个能够返回数据的服务器页面，新建一个combo.ashx代码如下：

[url=http://www.1sucai.cn/upload/2010-1/20100107181309839.png][img]http://files.jb51.net/upload/2010-1/20100107181309596.png[/img] [/url] 在remote模式下，combobox还支持服务器端分页，此时combox会向服务器传递start和limit参数，表示要显示的数据范围，服务器端代码做相应处理后返回数据即可。

全部评论(0)

上一篇：ExtJs 学习笔记基础篇 Ext组件的使用第1/2页
下一篇：extjs render 用法介绍

资讯排行榜
更多>>

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部