[Ext JS 4] 实战之 Picker 和 Picker Field

前言

所谓的picker ，就是弹出一个选择框，让你选择一些信息。比如选择日期，选择颜色等；

选择的结果总是要放在一个地方的，Picker Field 就是用来放置选择结果的一个文本框。

在Ext js中综合起来使用的方式就是，在 form 里添加一个picker 类型的 field, 这个field比较特殊的是有一个点击按钮，点击之后可以弹出一个选择框，在选择框里选中的值添入filed 中。

Ext JS 中的Picker

Ext JS 目前的版本有三种选择器

1. Date (Ext.picker.Date)

这个太常见的，就是一个日期选择的窗口

2. Color (Ext.picker.Color)

颜色选择的窗口，在office 中就经常看到

3. Time (Ext.picker.Time)

时间选择。更通俗点说，就是选择一天中的小时段。选择的时间段是可以配置的。

简单的例子：

[Ext JS 4] 实战之 Picker 和 Picker Field相关推荐

[Ext JS 4] 实战之多选下拉单 (带checkbox) 续 - 带ALL 选项
前言在 [Ext JS 4] 实战之多选下拉单 (带checkbox) 这一篇中有介绍如何开发带有checkbox 的多选菜单. 但是实际项目开发过程中, 用户的需求也是不断精进的. 使用淘宝或是其 ...
[Ext JS 4] 实战之Load Mask - 在Grid Reconfigure的使用状况
前言关于 Extjs 的 load mask 的使用,可以参考: [Ext JS 4] 实战之Load Mask(加载遮罩)的显示与隐藏一般而言,在如下情况下可能要使用grid 的 reconfi ...
[Ext JS 4] 实战之Grid, Tree Gird 动态添加列续(性能考虑)
前言延续: [Ext JS 4] 实战之Grid, Tree Gird 动态添加列这一篇. 在上一篇中有提到在grid 中如何进行带隐藏栏位的动态添加方式.归纳一下思路就是: 先显示,后隐藏. 当 ...
[Ext JS 4] 实战之Grid, Tree Gird 动态添加行
前言在 [Ext JS 4] 实战之Grid, Tree Gird 动态添加列这一篇中,有介绍到如何动态添加一列 -- 设置新columns 后调用reconfigure 方法. 这里来承接这一篇 ...
[Ext JS 4] 实战之带week(星期)的日期选择控件(三)
前言在 [Ext JS 4] 实战之带week(星期)的日期选择控件(二) 的最后,有提到一个解决方案. 不过这方案有一个条件 ==> "2. 每年的周数从(1-52), 如果超 ...
[Ext JS 4] 实战之带week(星期)的日期选择控件(二)
前言 JavaScript 中的日期和时间 [Ext JS 4] 实战之带week(星期)的日期选择控件(一) 如对本篇的一些预备知识需详尽了解,可参考以上两篇. Javascript 有提供Dat ...
[Ext JS 4] 实战之带week(星期)的日期选择控件
前言 Ext JS 3 和 Ext JS 4中都有提供日期选择的组件(当然早期版本也有). 但是有一些日期选择的需求是要看到星期,就是日期中的哪一天是这一年的第几周. 遗憾的是Ext js 并没有提供 ...
extjs ajax 遮罩层,[Ext JS 4] 实战之Load Mask(加载遮罩)的显示与隐藏
前言 Load Mask(遮罩)效果,就是在页面还没有完全显示出来之前, 加上一个转装转的效果. 类似: 添加这样的效果有两个好处: 1. 在页面没完全show出来之前, 把后面的页面给遮罩起来, 防 ...
[Ext JS 4] 实战之Load Mask(加载遮罩)的显示与隐藏
前言 Load Mask(遮罩)效果,就是在页面还没有完全显示出来之前, 加上一个转装转的效果. 类似: 添加这样的效果有两个好处: 1. 在页面没完全show出来之前, 把后面的页面给遮罩起来, 防 ...

[Ext JS 4] 实战之 Picker 和 Picker Field

前言

Ext JS 中的Picker

[Ext JS 4] 实战之 Picker 和 Picker Field相关推荐

最新文章

热门文章