ExtJs内的datefield控件选择日期事后的事件监听select

 [摘要]: 选择时间事后咱们为何须要监听事件?通常有这样一种状况,那就是用于比较两个时间大小或者须要判断在哪一个时间点上须要作什么样的操做。基于这样的种种状况,咱们颇有必要琢磨一下datefield控件的日期选择事件了的。 那么咱们如何添加日期选择事件呢?针对这样一个问题,网上有不少ExtJs的盆友想到了change事件,就是当文本框内日期值就上一次值来讲不一样时,触发该事件,change事件添加核心代码以下所示: { xtype: 'datefield', name: 'birthday', format: 'Y-m-d', hideTrigger: true, //隐藏文本框后面的图标 fie...ide

选择时间事后咱们为何须要监听事件?通常有这样一种状况,那就是用于比较两个时间大小或者须要判断在哪一个时间点上须要作什么样的操做。基于这样的种种状况,咱们颇有必要琢磨一下datefield控件的日期选择事件了的。spa

那么咱们如何添加日期选择事件呢?针对这样一个问题,网上有不少ExtJs的盆友想到了change事件,就是当文本框内日期值就上一次值来讲不一样时,触发该事件,change事件添加核心代码以下所示:code

 

01. {
02. xtype: 'datefield',
03. name: 'birthday',
04. format: 'Y-m-d',
05. hideTrigger: true//隐藏文本框后面的图标
06. fieldLabel: '出生年月',
07. listeners: {
08. //添加日期选择事件
09. "change"function () {
10. alert("你选择了日期~!");
11. },

 

change事件的弊端orm

一、就是当当前选择的值和上一次值同样时,就不会触发此事件;这样一来就一些特殊需求就不是很符合的。事件

基于这样一种change的弊端,咱们从而想到了select事件get

 

01. {
02. xtype: 'datefield',
03. name: 'birthday',
04. format: 'Y-m-d',
05. hideTrigger: true//隐藏文本框后面的图标
06. fieldLabel: '出生年月',
07. listeners: {
08. //添加日期选择事件
09. "select"function () {
10. alert("你选择了日期~!");
11. },

 

这样一来,无论你选择的日期和上一第二天期是否相同均会触发此事件。博客

extjs内datefield的select日期选择事件监听效果图

extjsdatefieldselect控件选择日期事件监听   本文为原创型文章转载请尊重他人劳动成果并注明出处:http://www.stepday.com/topic/?534系统舒适提示 能够扫描本站该博客文章的QR二维码进行访问  string

相关文章
相关标签/搜索