年月日的表达使用combobox控件:
var zoneStore = new Ext.data.ArrayStore({ fields : ['cityzone'], data : [], sortInfo : { field : 'cityzone', direction : 'ASC' } }); var monthStore = new Ext.data.ArrayStore({ fields : [ 'month' ], data : [ [ '1' ], [ '2' ],[ '3' ], [ '4' ],[ '5' ], [ '6' ],[ '7' ], [ '8' ],[ '9' ], [ '10' ],[ '11' ], [ '12' ]] }); var dayStore = new Ext.data.SimpleStore({ fields:['day'], data:[['01'],['02'],['03'],['04'],['05'],['06'],['07'],['08'],['09'],['10'], ['11'],['12'],['13'],['14'],['15'],['16'],['17'],['18'],['19'],['20'], ['21'],['22'],['23'],['24'],['25'],['26'],['27'],['28'],['29'],['30'],['31']] }) { xtype:'label', text:'选择年份:', style:'color:red;'}, { xtype : 'combo', labelSeparator : '', width : 60, store : zoneStore, typeAhead : true, editable : false, triggerAction : 'all', mode : 'local', anchor : '96%', minWidth : 60, lazyInit : false, lazyRender : false, id : 'year', name : 'year', valueField : 'cityzone', displayField : 'cityzone' } ,'-', { xtype:'label', text:'选择月份:', style:'color:red;'}, { xtype : 'combo', labelSeparator : '', width : 60, store : monthStore, typeAhead : true, editable : false, triggerAction : 'all', mode : 'local', anchor : '96%', minWidth : 60, lazyInit : false, lazyRender : false, id : 'month', name : 'month', valueField : 'month', displayField : 'month', listeners:{ 'select' : function(){ initDay(); Ext.getCmp('day').setValue('01'); } } } ,'-', { xtype:'label', text:'日期:', style:'color:red;'}, { xtype : 'combo', labelSeparator : '', width : 60, store : dayStore, typeAhead : true, editable : false, triggerAction : 'all', mode : 'local', anchor : '96%', minWidth : 60, lazyInit : false, lazyRender : false, id : 'day', name : 'day', valueField : 'day', displayField : 'day' } /** * 根据年月初始化day的值 */ function initDay(){ MonDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; var year = Ext.getCmp('year').getValue(); var month = Ext.getCmp('month').getValue(); // alert(year + ";" + month); var n = MonDays[month-1]; if(month=='2'&&isLeapYear(year)){ n++; } for(var i=1;i<=n;i++){ var dayrecord; if(i<10) dayrecord = new Ext.data.Record({'day':"0" + i}) else dayrecord = new Ext.data.Record({'day':i}) dayStore.add(dayrecord); } Ext.getCmp('day').store=dayStore; } /** * 判断是否闰年 * @param {} year * @return {} */ function isLeapYear(year){ return( year%4==0 || (year%100 ==0 && year%400 == 0)); } var nowyear=new Date().getFullYear(); intyear=Number(nowyear) ; var yeardata = [[intyear-5],[intyear-4],[intyear-3],[intyear-2],[intyear-1],[intyear]]; zoneStore.loadData(yeardata); initDay();
相关推荐
WinForm 中的 ComboBox 控件使用详解 ComboBox 是 WinForm 中的一个常用控件,用于提供用户选择项的列表。下面是关于 ComboBox 控件使用的详细解释。 ComboBox 控件的基本操作 ComboBox 控件的基本操作包括添加...
下面将详细介绍如何使用DropDownList控件和ComboBox控件自动生成年月日。 DropDownList控件的基本概念 DropDownList控件是一个基本的选择控件,它可以从一个列表中选择一个项目。它的基本属性包括 SelectedIndex、...
下面我们将深入探讨`comboBox`控件的使用,包括其基本属性、方法和事件,以及如何在实际项目中实现其功能。 首先,`comboBox`控件的基本结构包括一个文本输入框和一个下拉列表。用户可以直接在输入框中输入文本,也...
Winform 中 ComboBox 控件使用详解 ComboBox 控件是 Winform 中最常用的控件之一,它提供了一个下拉列表,用户可以从中选择项目。ComboBox 控件具有多种属性、事件和方法,这些属性、事件和方法可以帮助开发者更好...
在C#编程中,Combobox控件是一种常用的用户界面元素,用于展示一组可选项供用户选择。在“Combobox控件某些项不能选的例子”这个问题中,我们关注的是在Visual Studio 2008环境下创建的Combobox,其中部分选项显示为...
在MFC(Microsoft Foundation Classes)框架中,ComboBox控件是一种常用的UI元素,它结合了文本框和下拉列表的功能。自定义和美化ComboBox控件可以让应用程序的用户界面更加吸引人和个性化。本教程将深入探讨如何在...
通过以上步骤,你就可以在C#的ListView中成功地添加并使用ComboBox控件了。这使得用户界面更具交互性,允许用户在ListView的每一项中进行选择,极大地增强了用户体验。记住,关键在于正确地创建、添加和绑定事件到...
VB2008 ListBox 和 ComboBox 控件的使用方法 VB2008 中的 ListBox 和 ComboBox 控件是两个常用的控件,用于在用户界面中显示列表项。ListBox 控件允许用户选择多个项,而 ComboBox 控件是文本框和列表框的组合。...
ComboBox 控件可以使用代码向下拉框中添加项目。有三种方法可以实现: 方法一: ```csharp private void sampleForm_Load(object sender, EventArgs e) { string item = "A"; this.sampleComboBox.Items.Add(item...
首先在窗体中添加一个comboBox1和一个imageList(本例中带有三个图片) this.comboBox1.DrawMode = System.Windows.Forms.DrawMode.OwnerDrawFixed;
Winform 中关于 ComboBox 控件使用详解 ComboBox 控件是 Winform 中常用的控件之一,用于提供用户选择选项的列表。下面是关于 ComboBox 控件使用的详解。 添加/删除 ComboBox 内容 1. 在 Combo Box 控件属性的 ...
可以考虑使用标签(Label)来指示每个ComboBox对应的信息,如“年”、“月”和“日”。 8. **验证与错误处理** 为了提高用户体验,需要对用户的输入进行验证,确保所选的日期是有效的。例如,不能选择不存在的日期...
在MFC中使用ComboBox控件通常包括以下几个步骤和知识点: 1. 定义控件对应变量: 在创建了一个对话框并把ComboBox控件拖放上去之后,需要在类中为该控件定义一个对应的变量。这个变量通常是CComboBox类的一个实例...
在本案例中,我们将深入探讨如何自定义ComboBox控件。 ComboBox控件是Windows Forms中一个非常实用的组件,它结合了文本框和下拉列表的功能。用户可以输入文本,也可以从下拉列表中选择一个项。在某些情况下,我们...
资源名:VB基于ComboBox控件的自动匹配查询内容实例源码 资源类型:程序源代码 源码说明:VB基于ComboBox控件的自动匹配查询内容实例 autocomplete 自动完成 适合人群:新手及有一定经验的开发人员
例如,在Microsoft Visual Studio中使用C++、C#或VB.NET进行Windows Forms或WPF开发时,可以通过拖放方式将ComboBox控件添加到设计界面,然后在代码后面进行相应的事件处理和数据绑定。在Java Swing或JavaFX中,也有...
首先,我们可以使用泛型IList来实现comboBox控件数据绑定。创建一个List集合,然后绑定到comboBox控件上。例如: ```csharp IList<string> list = new List(); list.Add("111111"); list.Add("222222"); list.Add(...
在C#编程中,ComboBox控件是一个非常常用的组件,它结合了下拉列表和文本框的功能,用户可以在输入框中直接输入或者从下拉列表中选择一个选项。本篇文章将详细探讨C# ComboBox控件的基本用法、属性、方法、事件以及...
为了提供良好的用户体验,可能需要使用CSS对控件进行样式设置,使其看起来像一个真正的ComboBox。同时,使用JavaScript或jQuery可以实现更复杂的交互,比如自动完成功能,以及在客户端验证输入。 6. **模板和分部...
在使用ComboBox控件时,有时我们可能遇到一个棘手的问题,即无法隐藏fieldLabel。这个问题在许多应用程序开发中都可能出现,特别是在使用特定框架或者库时。ComboBox是一个常用的UI组件,通常用于提供下拉选择列表,...