`

Ext 查询控件

 
阅读更多
var findNurseList = function(){
				if(document.readyState != "complete")
					return;
				nurseAccountService.getNurseContactList({
					callback:function(data){
						nurseData = [];
					    if(data == null)
					    	return;
					    for(var i =0;i<data.length;i++){
					    	var sameflag = true;
					    	for(var j=0;j<nurseData.length;j++){
								if(data[i].emp_id != null &&  data[i].emp_id == nurseData[j].emp_id){
									sameflag = false;
								}
							}
							if(sameflag)
							 	nurseData[nurseData.length] = data[i];
						}
						initComboBox();
					}.createDelegate(this),
					exceptionHandler: function() {
						HelixMsg.alert(HelixMsg.ERROR, '', '加载失败');
					}.createDelegate(this)
				});
			   var str = Ext.get('nurse_id').dom.innerHTML;
			   window.mailWriter.writer.$receiverDiv.css("border","0px");
			   window.mailWriter.writer.$receiverDiv.html(str);
			 }


/**
			 *初始化下拉框
			 */
			 var initComboBox = function(){
				var ds = new Ext.data.JsonStore({
					data:{root:nurseData}, 
					root:'root',
			        fields:[
							{name: 'user_id', mapping: 'nurse_sn'},
							{name: 'name', mapping: 'name'},
							{name: 'group_name', mapping: 'group_name'},
							{name: 'name_in_pinyin', mapping: 'name_in_pinyin'},
							{name: 'emp_id', mapping: 'emp_id'}
						] 
				});
				
				// 显示的样式
				var resultTpl = new Ext.XTemplate(
					'<tpl for="."><div class="search-item">',
						'<table><tr><td width="80px">{name}</td><td>{group_name}</td></tr></table>',
					'</div></tpl>'
				);
				
				search = new Ext.form.ComboBox({
					store: ds,
					displayField:{fn:function(r){
						var value = search.getValue();
						var flag = false;
						value = this.data.createValueMatcher(value);
						if(r.data['name_in_pinyin'] != null)
							flag = value.test(r.data['name_in_pinyin']);
						if(!flag)
							flag = value.test(r.data['name']);
						return flag;
					}},
					typeAhead: false,
					mode: 'local',
					loadingText: 'Searching...',
					width: 435,
					minChars : 1,
					hideTrigger:true,
					applyTo: 'nurse_list',
					tpl:resultTpl,
					itemSelector: 'div.search-item',
					onSelect : function(record, index){
				        if(this.fireEvent('beforeselect', this, record, index) !== false){
				        	var emp_id = record.data['emp_id'];
				        	var name = record.data['name'];
				        	if(emp_id == null){
				        		HelixMsg.alert(HelixMsg.ERROR, '', name+"没有账号,不能接收邮件。");
				        		return;
				        	}
				        	window.mailWriter.writer.$receiverId.val(emp_id);
				        	window.mailWriter.writer.$receiverName.text(name);
				            this.setValue(name);
				            this.collapse();
				            this.fireEvent('select', this, record, index);
				        }
			    	}
				});
			};
分享到:
评论

相关推荐

    ext 树控件+数据库

    EXT树控件是EXT库中的一个重要组件,它允许开发者创建可交互的、层次结构的视图,常用于展现数据的层级关系,如组织结构、文件系统等。本文将深入探讨如何使用EXT树控件结合JSON数据进行数据传递和显示,以及如何...

    Ext .net控件

    Ext.NET控件是一种将流行的JavaScript库Ext JS与微软的.NET框架相结合的技术,旨在为开发者提供在ASP.NET环境中创建丰富交互式Web应用的能力。通过将Ext JS的功能集成到.NET控件中,开发人员可以利用.NET的强大后端...

    EXT 时间控件

    EXT 时间控件是一种在网页应用中用于用户交互的组件,主要功能是提供一个方便的时间选择界面,提升用户体验。EXT 是 Sencha 公司开发的一套前端框架,它提供了丰富的组件库,包括表格、面板、窗口、按钮等,EXT 时间...

    Ext时间控件.rar

    "Ext时间控件.rar"这个压缩包很可能是包含了一个实现此类功能的示例代码或者扩展组件。 DateTimeField是ExtJS中的一个控件,它允许用户选择日期和时间。在描述中提到的"支持时分秒的时间控件",意味着这个控件不仅...

    EXT 自定义控件扩展

    EXT控件是EXT框架的基础,它们提供了丰富的UI元素,如按钮、表格、面板、窗口等。通过EXT自定义控件扩展,开发者可以进一步拓展这些基础控件的功能,或者创建全新的控件类型,以满足项目中的特殊需求。以下是一些...

    Ext DateField控件 - 只选择年月

    "Ext DateField控件 - 只选择年月"这个主题聚焦于一个特定的UI组件,用于帮助用户仅选择日期中的年份和月份部分,而忽略具体的日期。这在处理诸如生日、合同有效期等只需要年月信息的场景时非常有用。 Ext JS是一个...

    Ext控件大全,适合新手学习

    根据提供的文件信息,我们可以深入探讨Ext控件的相关知识点。标题提到的是“Ext控件大全”,并且描述中指出这些资料非常适合IT人士尤其是新手学习使用。接下来,我们将基于此内容详细解析Ext控件的基础知识、应用...

    ext.net 控件

    Ext.NET控件库是一款强大的ASP.NET MVC框架,它利用了ExtJS库的优势,为开发者提供了丰富的用户界面元素和强大的AJAX支持。这个专业版的版本号为1.3,意味着它包含了当时的最新特性和改进。 1. **EXT.NET MVC框架**...

    带时分秒的EXT日期控件

    带动Ext.DateTimePicker设置 * 4,增加时期时间选择器变动时的样式变化功能 * 5,解决GRID中使用时,同列同对象间值影响的问题 * 6,解决原组件,点击today按钮时,无法回到选择器当日界面的问题 */ 另外此控的时分...

    EXT 控件拖动例子

    在这个"EXT 控件拖动例子"中,我们将深入探讨EXTJS如何实现控件的拖放功能,以及如何在动态布局中运用这一特性。 EXTJS 提供了一个名为`Ext.dd.DragDrop`的接口,它使得在界面上的元素可以被拖动和放置。这个接口...

    ext时间控件(精确到分/秒)IP控件(修正)

    2.代码中引用控件代码如下: { xtype: 'uxipfield', id:'sbt', fieldLabel: 'sbt', width:200 },{ xtype: 'combotimefield', id:'nmd', name:'test.nmd', fieldLabel: 'nmd', width:200 },{ xtype: '...

    ext3.0所有控件演示代码

    这个压缩包文件提供了EXT3.0中的几乎全部控件的演示代码,覆盖了表格、表单、分页工具栏以及图标等多个重要组件的使用方法。下面将详细介绍这些知识点。 1. 表格(Grid):EXT3.0的表格控件是其核心功能之一,能够...

    ext时间控件(精确到分/秒)IP控件(修正)

    "ext时间控件(精确到分/秒)IP控件(修正)"是一个这样的解决方案,它专注于提供精确的时间选择功能,并且优化了IP地址的输入体验。 1. **EXT框架**: EXT是一个强大的JavaScript库,主要用于构建富客户端的Web应用...

    EXT 表单验证EXT 表单验证

    EXT表单验证是EXT JS框架中的一个重要特性,用于在用户输入数据时确保数据的正确性和完整性。EXT JS是一个强大的JavaScript库,专为构建富客户端Web应用程序而设计。它提供了丰富的组件库,包括表格、表单、菜单等,...

    ext 时间控件带有时分秒的控件

    在EXT JS这个强大的JavaScript框架中,时间控件是开发者经常使用的元素之一,特别是在构建数据密集型Web应用时。EXT JS的日期控件默认只提供日期选择功能,但往往在实际需求中,我们还需要用户能够选择具体的时间,...

    Ext DateField控件 - 只选择年月插件

    Ext DateField控件是Ext JS库中的一个组件,主要用于处理日期相关的输入。在Web应用程序中,用户经常需要输入或选择日期,DateField控件提供了一个交互式的界面来完成这一任务。然而,有时我们可能只需要用户选择...

    Ext表格控件和树控件

    ### Ext表格控件和树控件 #### 表格控件 ##### 1.1 基本表格 `GridPanel` 在Ext JS框架中,`GridPanel` 是一种用于展示和管理表格数据的重要组件。它提供了丰富的功能,例如排序、缓存、拖动列、隐藏列、自动显示...

    ext时间控件(精确到分/秒)IP控件

    此版本在判断输入值合法性上存在BUG, ipfield应改为: var a = /^[0-9]$/.test(value);...Ext.Msg.alert("系统提示", "请输入正确地址/掩码(0-255)"); return false; } 或者请到我新传的资源下载

    ext4 年月时间控件 年月日时间控件 年月日时分秒时间控件

    1. **EXT4时间控件**:EXTJS4是Sencha公司开发的一个富客户端JavaScript框架,它包含了大量的UI组件,其中时间控件是其一。EXT4的时间控件基于jQuery UI,提供了丰富的样式和功能,可以轻松地与后台数据进行交互。 ...

    一个相当不错的extjs入门文档,整个ext的控件,上边很多实例。有助于新手学习。

    它的组件化设计和丰富的用户界面控件使其在开发桌面级Web应用时非常受欢迎。本文将详细介绍EXTJS中的EXT.MessageBox组件,这是EXTJS提供的一种用于弹出提示、确认和输入对话框的工具,对于新手学习EXTJS极其有用。 ...

Global site tag (gtag.js) - Google Analytics