Ext.create(‘Ext.form.Panel‘, { title: ‘菜单编辑‘, id:‘editMenuForm‘, bodyPadding: 5, // The form will submit an AJAX request to this URL when submitted url: ‘/SystemManage/SaveMenuForm‘, method: ‘POST‘, // Fields will be arranged vertically, stretched to full width layout: ‘anchor‘, defaults: { anchor: ‘100%‘ }, // The fields defaultType: ‘textfield‘, items: [{ name: ‘menuGuid‘, ...
ExtJS ComboBox同时加载远程和本地数据 原文：http://gblog.hbcf.net/index.php/archives/233ComboBox比较特殊需求，将远程数据和本地数据同时加载。其实，还是先加载远程，在将本地数据塞进获取到的远程数据中去。大概的代码如下（网上得来，未验证，以备用） //首先远程读取数据 var seriesStore = new Ext.data.JsonStore({ url: ‘‘, fields: [‘seriesid‘, ‘seriesname‘] }); //然后在Store的...
Ext.onReady(function () { /*表格数据源绑定*/var menuStore = Ext.create(‘Ext.data.Store‘, { pageSize:10, fields: [‘id‘,‘‘,‘sm_name‘, ‘sm_url‘, ‘fatherGuid‘,‘fatherName‘], proxy: { type: ‘ajax‘, url: ‘/SystemManage/GetMenuList‘, reader: { type: ‘json‘, root:‘data‘, totalProperty:‘totalCount‘ } }, autoLoad: true });grid = Ext.create(‘Ext.grid.Panel‘, { store: menuStore, col...
问题描述： 在PropertyGrid中使用Combobox来选择值时，得到的应该是displayField的值，但是在确认选择的时候却显示了valueField的值，例如，下拉选择性别，displayField分别为'男'，'女'，对应的valueField分别为'0'，'1'，本来选择应该显示中文描述，但是却显示成了0或者1这样的标识数据，这对用户来说应该不能接受的。 解决： 拦截Grid的beforepropertychange事件，设置好显示的值，之后返回false，阻止修改事件中的验证重置...
拿combobox的数据 代码如下: comboDS = new Ext.data.JsonStore({ url : test.do, fields : [{ name : id }, { name : display }] }); combobox定义 combobox 中的id必须要有，后面要跟据id取combobox值。 代码如下: var comboBox = new Ext.form.ComboBox({ id : "cb", //必须有 typeAhead : true, readOnly : true, allowBlank : false, autoScroll : true, selectOnFocus : true, emptyText : 请选择..., store : comboDS, f...
为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性，重新渲染，方法如下： 代码如下: //部门列表 var comboxDepartmentStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: "GetDepartmentJson.aspx", method: GET }), reader: new Ext.data.JsonReader({ root: data, totalProperty: totalCount, fields: [ { name: departmentid, mapping: ID }, { name: departmentnam...
如： 代码如下: editCityStore.load({ params: { provinceID: proid }); Ext.getCmp(city-id-name).setValue(cityid); 由于是store是异步加载的，所以他会先赋值再填充值到ComboBox，，这里就需要用： 当加载完成后再进行赋值 : 代码如下: editCityStore.load({ params: { provinceID: proid }, callback: function () { //等待数据加载完成才进行赋值，不然由于异步会出现先赋值后加载完成。 Ext.getCmp(city-id-name).setValu...
使用combobox时，它有一个hiddenName的属性，专门用于提交combobox中value的值. 现假设某combobox的Id为comboId，hiddenName属性的值为hiddenValue， 那么，使用Ext.get('comboId').dom.value方法获取的是combobox中选中项的文本text值， 而使用Ext.get('hiddenValue').dom.value获取的才是combobox中需要提交的value的值。 Ext.getCmp("ID值").getValue();获取到的是Value值 .replace(/\s/g, ""); //移除json文本中所有的换行，空...
最近涉及到的一个项目中，需要实现ComboBoxTree的效果，首先，看看效果吧…… 在Extjs中是没有这种效果的，所以得自己写，在网络上看了看别人的资料，自己再总结了一下，修改了一下，代码如下： 代码如下: Ext.ux.TreeCombo = Ext.extend(Ext.form.ComboBox, { constructor: function (cfg) { cfg = cfg || {}; Ext.ux.TreeCombo.superclass.constructor.call(this, Ext.apply({ maxHeight: 300, editable: false, mode: local, ...
代码如下: var p_years = new Ext.form.ComboBox( { fieldLabel : 统计年份, anchor : anchor_w, mode : remote, maxHeight:100, triggerAction : all, selectOnFocus : true, forceSelection : true, editable : false, //store :[[11, 2011], [12, 2012],[13, 2013]] //此为第一种 store:[2011,2012,2013,2014,2015,2016,2017,2018] //此为第二种，当没有制定value和text的时候，默认提交值与显示值为同一个。 }); 在该组件中，...
前言 作为Ext JS 的基本的Form 的组件， 这两个没有什么难的地方。 但是开发过程中却遇到了在 IE 浏览器中， 放大， 缩小窗口大小， 会导致 这两个组件消失不见。 点击某些地方又能显示出来。 不报任何错误。 在其他浏览器正常。 问题发生的状况 因为是在原项目的基础上导入Ext js , 所以页面中的form 并不是通过标准的 先创建form 组件， 再add form field 的方式进行的。 这里使用的 是纯html的form 和 input, 再使用Ext js 把 i...
这个是model 代码如下: Ext.regModel(commemModel, { fields : [ name, id ] }); 定义一个store设置id为s1的容器的默认值是 第一季度 代码如下: var gjcx1 = new Ext.data.Store({ autoLoad:true, model : commemModel, proxy : { type : ajax, url : ../store/cxjd.json }, listeners :{ load:function(){ Ext.getCmp(s1).setValue(q1); } } }); 下面给出cxjd.json 代码如下: [ {name:第一季度,id:q1}, {name:第二季度,id:q2...
前台： 代码如下: var provinceStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: basePath + "/stationManage/station_getProvinceJSON.action" }), reader: new Ext.data.JsonReader( { root: "" }, ["PROVINCEID", "PROVINCENAME"] ) }); //选择省市 var provinceIDadd = new Ext.form.ComboBox({ anchor : 98%, id:provinceIDadd, name : "provinceIDAdd1", hiddenName : "provinceID", displayField : "PR...
很多网友在问，Extjs4.0 ComboBox如何实现，好在之前用3.x实现过一个三级联动，如今用Extjs4.0来实现同样的联动效果。其中注意的一点就是，3.x中的model:'local'在Extjs4.0中用queryMode: 'local'来表示，而且在3.x中Load数据时用reload，但是在extjs4.0中要使用load来获取数据。如下图：代码部分 先看HTML代码：MHZG.NET-城市三级联动实例简单的很，就是加载了基本的CSS文件和JS文件，并且加载自定义的combobox.js文件。 combobox...
也已经写了很久时间的extjs ，每次都用到很多的combobox，配置很多东西觉得实在是太麻烦，所以根据常用到的情况写了一个简便的combobox，再次记录下来，以免放在某个地方忘记了找不到了。 定义一个基本的baseCombobox类，如下。 Ext.define(Admin.view.baseCmp.BaseCombobox, {extend: Ext.form.field.ComboBox,xtype: baseCombobox,editable: false,labelSeparator: :,labelWdith: 0,triggerAction: all,labelAlign: right,//forc...