ExtJs內的datefield控件選擇日期過后的事件監聽select


 [摘要]: 選擇時間過后我們為什么需要監聽事件?一般有這樣一種情況,那就是用於比較兩個時間大小或者需要判斷在哪個時間點上需要做什么樣的操作。基於這樣的種種情況,我們很有必要琢磨一下datefield控件的日期選擇事件了的。 那么我們如何添加日期選擇事件呢?針對這樣一個問題,網上有很多ExtJs的盆友想到了change事件,就是當文本框內日期值就上一次值來說不同時,觸發該事件,change事件添加核心代碼如下所示: { xtype: 'datefield', name: 'birthday', format: 'Y-m-d', hideTrigger: true, //隱藏文本框后面的圖標 fie...

選擇時間過后我們為什么需要監聽事件?一般有這樣一種情況,那就是用於比較兩個時間大小或者需要判斷在哪個時間點上需要做什么樣的操作。基於這樣的種種情況,我們很有必要琢磨一下datefield控件的日期選擇事件了的。

那么我們如何添加日期選擇事件呢?針對這樣一個問題,網上有很多ExtJs的盆友想到了change事件,就是當文本框內日期值就上一次值來說不同時,觸發該事件,change事件添加核心代碼如下所示:

 

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事件的弊端

1、就是當當前選擇的值和上一次值一樣時,就不會觸發此事件;這樣一來就一些特殊需求就不是很符合的。

基於這樣一種change的弊端,我們從而想到了select事件

 

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二維碼進行訪問  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM