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

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

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

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

view sourceprint?

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事件

view sourceprint?

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.},

这样一来,不管你选择的日期和上一次日期是否相同均会触发此事件。

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

ExtJs内的datefield控件选择日期过后的事件监听select,布布扣,bubuko.com

时间: 2024-10-12 22:55:55

ExtJs内的datefield控件选择日期过后的事件监听select的相关文章

iOS学习之UISwitch控件两种使用方法和监听

一.第一种创建UISwitch控件的方法,在代码中动态创建. 1.打开Xcode  4.3.2, 新建项目Switch,选择Single View Application. 2.打开ViewController.m文件在viewDidLoad方法里添加代码: - (void)viewDidLoad{ [super viewDidLoad]; UISwitch *switchButton = [[UISwitch alloc] initWithFrame:CGRectMake(50, 100, 2

jquery mobile 对手势触控提供了如下几个事件监听:

复制代码代码如下: tap  当用户点屏幕时触发taphold 当用户点屏幕且保持触摸超过1秒时触发swipe 当页面被垂直或者水平拖动时触发.这个事件有其相关联的属性,分别为scrollSupressionThreshold, durationThreshold, horizontalDistanceThreshold, and verticalDistanceThresholdswipeleft 当页面被拖动到左边方向时触发swiperight 当页面被拖动到右边方向时触发 但是 tap 事

[基础控件]---状态切换控件CompoundButton及其子类CheckBox、RadioButton、ToggleButton、switch事件监听与场景使用

一.事件监听 对于普通的Button,对其进行事件监听Google官方给出了常见的三种监听方式:1.对每一个button设置事件监听器button.setOnClickListener(View.OnclickListener  listener);此种方法当button按钮较多时代码显得多.乱.不够简洁明了. 2.在Activity中实现接口View.OnclickListener,然后重写void onClick(View v)方法,在方法中通过switch(v.getId())予以区分不同

WdatePicker日期控件使用与值获取,以及选择日期完毕触发事件

HTML: <!--引入WdaePicker文件--> <script type="test/javascript" scr="datePicker/WdatePicker.js"></script> <link rel="stylesheet" type="text/css" href="datePicker/skin/WdatePicker.css"/>

转载 [WPF][C#]在WPF中内嵌WindowsForm控件-使用WindowsFormsControlLibrary

[WPF][C#]在WPF中内嵌WindowsForm控件-使用WindowsFormsControlLibrary 在[WPF][C#]在WPF中内嵌WindowsForm控件一文中为各位介绍了直接在WPF中使用XAML来嵌入Windows Form控件的作法,不过不是每个人都喜欢写XAML,而且有时候会需要把已经存在的Windows Form应用程序嵌入到WPF中,所以这次就来跟大家介绍怎么使用参考dll档的方式,把dll中的Windows Form加到WPF中. 都说了要使用Windows

File控件选择图片的时候在Html5下马上预览

页面HTML <div> <img src="@pic.Path" id="img" style="width:200px;height:200px;" /> <form id="form_photo" method="post" action="/N/SavePhoto?id=1"> <input style=" display:no

EXTJS 3.0 资料 控件之 html 潜入label用法

这是在Extjs 中插入html 控件label! html: "<div><label id='howMany'>您共选中了</label><br/></div>"获取label值:document.getElementById('howMany').innerText赋值label值:document.getElementById('howMany').innerText = "这是赋值"; docum

android CheckBox控件的定义及事件监听

http://www.beijibear.com/index.php?aid=336 android CheckBox控件的定义及事件监听,本例实现CheckBox控件的定义及点击事件的监听并显示结果,运行效果截图如下: CheckBox控件的定义,main.xml内容如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas

jQuery同时处理一个控件的click和dblclick事件

1 jQuery.fn.single_double_click = function(single_click_callback, double_click_callback, timeout) { 2 return this.each(function(){ 3 var clicks = 0, self = this; 4 jQuery(this).click(function(event){ 5 clicks++; 6 if (clicks == 1) { 7 setTimeout(func