extjs 扩展combobox

2024-10-20

ExtJS基础知识总结：自定义日历和ComboBox控件(二)

概述 1.ExtJS 5不支持日期选择框中只选择年月,为了满足ExtJs5可以实现选择年月的功能,查询网上资料,整理出来了相应的处理方式,最终实现的效果如下图: 2.ExtJS 控件丰富,如果需要实现下拉列表控件ComboBox中含有Check样式的皮肤,只需要在ComboBox控件中监听相应的下拉事件和选择事件即可.实现的效果如下: 日历控显示年月的实现方式 1.编写ext-extendmonth.js,代码内容如下 Ext.define('Ext.form.field.Month', { e

ExtJs 之 ComboBox级联使用

刚接触ExtJs不到一周,项目使用ExtJs框架,有个版块用到了combobox的级联(两级),遇到了一系列的问题,两天来一直查API.网络资料,终于解决了. 先列出遇到的一系列问题(也许你也遇到过!),再看是如何一步步解决这些问题的,最后给出个人觉得ExtJs的ComboBox级联的最佳方案. ***首先声明,测试使用[年级]和[班级]的级联,数据从服务端获取.最终效果是:年级列表显示所有年级,默认显示第一个年级:班级列表显示第一个年级下的班级,默认显示"所有":*** 遇到的问题:

Extjs 让combobox写起来更简单

也已经写了很久时间的extjs ,每次都用到很多的combobox,配置很多东西觉得实在是太麻烦,所以根据常用到的情况写了一个简便的combobox,再次记录下来,以免放在某个地方忘记了找不到了. 定义一个基本的baseCombobox类,如下. Ext.define('Admin.view.baseCmp.BaseCombobox', { extend: 'Ext.form.field.ComboBox', xtype: 'baseCombobox', editable: false, lab

ExtJS扩展：扩展grid

ExtJs的grid功能很强大,但是有时候觉得总是少那么一点点功能,我们就来扩展它,让它用起来更方便. 今天我们要扩展的是:根据记录的选择数量来禁用或启用grid toolbar上的某些按钮. 本文所有的代码和例子都在我的github上:ExtJsExtend 开始之前在开始之前,我们先来扩展ExtJs的container容器. 在ExtJs中,可以通过给组件分配一个id来标识它,id是一个全局的唯一的标识,然后通过Ext.getCmp(id)来获取这个组件,看起来很方便,但是在单页应用中,给

Extjs扩展：封装Plupload

关于Plupload Plupload是一个web文件上传组件,支持通过HTML5.Silverlight.Flash或者普通的form来上传文件,提供了过滤文件类型.设置上传文件大小.上传进度.针对图片的缩放上传的特性,在使用上也非常简单: 1: var uploader = new plupload.Uploader({ 2: runtimes : 'html5,flash,silverlight,html4', 3: browse_button : 'pickfiles', // you

Extjs之combobox联动

Ext.Loader.setConfig({ enabled : true }); Ext.Loader.setPath('Ext.ux', '../extjs/ux'); Ext.require([ 'Ext.form.*', 'Ext.data.*', 'Ext.grid.Panel' ]); Ext.onReady(function() { Ext.QuickTips.init(); var bodyWidth; var bodyHeight; var panelWidth = bodyW

Flex 扩展combobox 实现复选功能

前段时间,老大召唤,给个任务,研究一下flex的combobox控件实现复选功能(flex自带的combobox控件不可以复选),小兵能力有限,哪里可以扩展呀,网上看了别人写的,发现总是有点瑕疵(关键是还没有注释这个是最蛋疼的): 1.静态数据源正常,动态数据源第一次点击时没有取到数据,下拉列表为空. 2. ROLL_OVER ROLL_OUT 监听混乱,选择一项后下拉框突然收缩了,或者选择几项下拉框突然收缩了. 3.返回值有误,显示选中的项与实际返回选中的项不符分析: ROLL_

在.NET下学习Extjs(第四个案例 Extjs扩展的原理)

1.构建如下代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script> //Ext扩展方法的原理,

Extjs 中combobox下拉框初始化赋值

近日在工作中遇到一个需求,要求页面初始化的时候给dataGrid表插入一条数据. 前端使用的是Extjs框架,dataGrid表有四列,其中三列是类型为textbox,普通文本框,另外一列类型是combobox下拉框形式,下拉框一列的数据使用的数据字典,值通过初始化加载时从数据库字典中查找得到的.由于对Extjs框架的不熟悉,以及前端水平很是有限,所以只好先求助度娘,找了好久都没有找到解决办法.只好自己尝试各种方法,好在最后问题得以解决,所以记录一下自己解决的思路和方法. { field:'A'

ExtJS扩展：扩展grid之toolbar button禁用表达式

在前一篇文章我们扩展了grid通过选中记录数来禁用toolbar上的按钮,有时候我们需要通过记录中的数据来决定是否禁用按钮,今天我们就来扩展它. 照例,最新的代码和例子都在github上:ExtJsExtend 先看看使用代码(这里只有部分代码,可以结合前一篇文章来阅读或者直接通过github获取最新代码): .ln { color: rgb(0,0,0); font-weight: normal; font-style: normal; } .s0 { co

extjs的combobox的用法

可以用javascript的数组作为数据源,也可以用json作为数据源: 1.用javascript数组 var CountryCode = [ ['93','Afghanistan(93)'], ['355','Albania (355)'], ['213','Algeria (213)'], ['684','American Samoa (684)'], ['376','Andorra (376)'], ['244','Angola (244)'], ..... ] new Ext.form

extjs中combobox默认显示第一个值

在进入页面时往往用户希望页面能够显示默认的内容,但是页面中会存在一些选项通过用户选择之后才会加载相应的内容.在这篇文章里面介绍了如何去设置页面中默认的内容,如combobox默认显示第一个值. 页面: //定义配煤单位model Ext.define('unit_Model_ripmbb', { extend : 'Ext.data.Model', fields : [ { name : 'id', type : 'string' }, { name : 'name', type : 'stri

ExtJs 扩展类CheckColumn的使用(事件触发)

[javascript] view plain copy print? 使用 Extjs 在进行数据库编程经常会遇到 checkbox 的问题(奇怪网上却没有此类文章不知道其他人是怎么解决的,在此贴上我的方法,如有问题或建议,欢迎指正), 比如在数据中的 status 存储的值为 'Y' / 'N' 或者是其他非 true / false 的值, 要求显示在gridPanel 中, 如果不进行转换,显示的时候就会有问题,因为 gridPanel 中的 Checkbox(CheckColumn)

ExtJs 扩展类CheckColumn修改源码，支持按条件禁用启用下拉框功能

长话短说,具体的请看图需求如图: 修改CheckColumn.js源码,添加鼠标点击改变事件完整JS脚本 Ext.ns('Ext.ux.grid'); Ext.ux.grid.CheckColumn = Ext.extend(Ext.grid.Column, { editable: true, processEvent: function (name, e, grid, rowIndex, colIndex) { if (name == 'mousedown') { prj.curGrid

Extjs的学习及MIS系统实践应用（系列文章）

本系列文章从Extjs的实际运用出发,结合系统开发的实践经验,详细解释Extjs的基本控件及控件扩展的用法,和在平时的学习运用中一步一步查阅的资料.积累经验的集锦.标题及链接奉上,用一个小程序,开启了我的Extjs之旅,下面2-8写的是具体的系统内部使用Extjs各种控件及控件扩展的功能介绍. 1.Extjs-初学者在.NET环境下的学习extjs拼写代码的心得 2.Extjs-从最初的textfield控件学起 3.Extjs的ComboBox控件 4.Extjs的DataField.Chec

Extjs的学习及MIS系统实践应用

Extjs的学习及MIS系统实践应用(系列文章) 本系列文章从Extjs的实际运用出发,结合系统开发的实践经验,详细解释Extjs的基本控件及控件扩展的用法,和在平时的学习运用中一步一步查阅的资料.积累经验的集锦.标题及链接奉上 1.Extjs-初学者在.NET环境下的学习extjs拼写代码的心得 2.Extjs-从最初的textfield控件学起 3.Extjs的ComboBox控件 4.Extjs的DataField.Checkbox.RadioGroup控件 5.Extjs的FormPan

extjs 学习小窍门

一.从form中获取field的三个方法: 1.Ext.getCmp('id'); 2.FormPanel.getForm().findField('id/name'); 3.Ext.get('id/name');//前提是FormPanel在界面上显示出来了. 二.ExtJS如何给textfield赋值的三个方法: var value="值"; 1. fs.form.findField(id/name).setValue(value); 2. Ext.get(id/name).set

extjs笔记

1. ExtJs 结构树.. 2 2. 对ExtJs的态度.. 3 3. Ext.form概述.. 4 4. Ext.TabPanel篇.. 5 5. Function扩展篇.. 7 6. Ext.data.Store篇.. 10 7. Ext.data.JsonReader篇一.. 12 8. Ext.data.JsonReader篇二.. 15 9. Ext.data.HttpProxy篇.. 19 10. Ext.data.

Ext JS学习第九天 Ext基础之扩展原生的javascript对象

此文来记录学习笔记: •Ext对于原生的javascript对象进行了一系列的扩展,我们把他们掌握好,更能深刻的体会Ext的架构,从而对我们的web开发更好的服务, 源码位置,我们可以从开发包的这个位置找到这几个扩展的js源码: •extjs-4.1.1\src\core\src\lang\ •ExtJS扩展原生Javascript –Ext.Object –Ext.Number –Ext.String –Ext.Array –Ext.Function –Ext.Date –Ext.Error

ExtJS 教程目录

今天我创建了一个小组,取名ExtJS互助团,欢迎朋友们加入!遇到问题需要帮助的时候别忘了ExtJS互助团!希望更多的园友加入进来,帮别人,也是帮自己!组内讨论不限于ExtJS,还包括FineUI.Ext.Net.Sencha Touch等技术,请踊跃发言,多多益善! 本系列教程来自ExtJS教程网,持续更新中,点击查看最新ExtJS教程目录. 基础篇 ExtJS 4.2 教程-01:Hello ExtJS ExtJS 4.2 教程-02:bootstrap.js 工作方式 ExtJS 4.2 教

Extjs自定义验证介绍

表单验证实例(空验证,密码确认验证,email验证) 我们可以用单独的js写表单验证,但是extjs已经为我们想到了(自己单独写反而不方便). 在验证之前,我不得不提两个小知识点: //大家在很多的extjs代码中都看到了这两个,他们都起提示作用的 Ext.QuickTips.init();//支持tips提示 Ext.form.Field.prototype.msgTarget='side';//提示的方式,枚举值为"qtip","title","und

extjs 扩展combobox

热门专题