环境： Microsoft Visual Studio 2008 Sp1 Asp.net MVC ExtJs 3.1.1 使用IFrame须要一个ExtJS的一个插件ManagedIFrame（miframe.js），用了这个插件可以使用 xtype:'iframepanel' 下载 代码段： 代码如下:var p_center = new Ext.TabPanel({ region: "center", resizeTabs: true, // turn on tab resizing minTabWidth: 115, tabWidth: 135, enableTabScroll: true, width: 600, activeTab: 0, height: 250, items:[{ xtype: ifra...
但ExtJS中的TabPanel只能水平显示，搜索了一下Ext论坛，发现有垂直TabLayout的扩展，但垂直tab的页签内容是水平显示的，且页签多了之后也不能通过设置enableScroll属性使其能滚动，为了适应项目的需求，本人对TabLayout进行了扩展，使其支持垂直页签显示，支持页签很多时的滚动。效果如下： 该组件有两种使用方式，一是扩展方式，二是复写方式。其中第一种方式需要引入附件中的TabPanel.js以及ext-patch.css，同时需要将两个图片放...
环境： Microsoft Visual Studio 2008 Sp1 Asp.net MVC ExtJs 3.1.1 使用IFrame须要一个ExtJS的一个插件ManagedIFrame（miframe.js），用了这个插件可以使用 xtype:'iframepanel' 下载 代码段： 代码如下: var p_center = new Ext.TabPanel({ region: "center", resizeTabs: true, // turn on tab resizing minTabWidth: 115, tabWidth: 135, enableTabScroll: true, width: 600, activeTab: 0, height: 250, items:[{ xtype: ifr...
代码如下:// 第一个下拉框 var parentStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: loadByParentid.action?parentid=1001 }), reader: new Ext.data.JsonReader({ root: list, id: id }, [ {name: id, mapping: id}, {name: mc, mapping: name} ]) }); // 第二个下拉框 var childStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ //这里是参数可以顺便写,这个数据源是在第一个下拉框select的...
1 在子类中添加单击提交事件 代码如下: //登陆按钮单击事件 loginFun: function() { var f = Ext.getCmp("loginForm"); //表单验证 if (f.form.isValid) { f.form.submit({ waitTitle: "请稍候", waitMsg: 正在登陆..., url: http://www.cnblogs.com/Service/SystemService/SystemService.ashx?Method=UserLogin, method: POST, success: function(form, action) { window.location = Main.htm }, failure: function(form, action...
1.首先看下效果图： 2.ext代码 代码如下: /// Ext.namespace(XQH.ExtJs.Frame); XQH.ExtJs.Frame.RoleManage = function() { this.init(); }; Ext.extend(XQH.ExtJs.Frame.RoleManage, Ext.util.Observable, { init: function() { //表单 addForm = new Ext.form.FormPanel({ id: addRoleForm, width: 460, height: 250, //样式 bodyStyle: margin:5px 5px 5px 5px, frame: true, xtype: filedset, labelWidth: 60, items: [ { x...
代码如下: Ext.data.Store.prototype.applySort=function(){//重载applySort if(this.sortInfo && !this.remoteSort){ var s = this.sortInfo, f=s.field; var st=this.fields.get(f).sortType; var fn=function(r1,r2){ var v1=st(r1.data[f]),v2=st(r2.data[f]); //添加：修复汉字排序异常的Bug if(typeof(v1)=="string"){//若为字符串 return v1.localeCompare(v2);//则localeCompare比较汉字字符串，Firefox与IE均支持 }//添加...
代码如下: Ext.onReady(function(){ //定义store var chartStore = new Ext.data.JsonStore({ root:root, fields:[ {name:ne,type:string},//网元 {name:confine,type:int},//阀值 {name:bill,type:string}//工单数 ], sortInfo:{field: bill, direction: ASC} }); //测试数据 var obj={ root:[ {ne:网元一,confine:80,bill:150}, {ne:网元二,confine:150,bill:140}, {ne:网元三,confine:180,bill:160}, {ne:网元五,confine:120,bi...
extjs中 有时需要选择一个日期范围，需要自动判断,选择的开始日期不能大于结束日期,或结束日期不能小于开始日期,实现的代码如下 效果图:从上图可以看到,当选择了一个开始时间后,会自动限制结束时间的选择范围,实现两个日期选择器的联动. 代码如下: 首先定义联动处理函数:Ext.apply(Ext.form.field.VTypes, { daterange: function (val, field) { var date = field.parseDate(val); if (!date) { return false; } if (field.st...
extjs中 有时需要选择一个日期范围，需要自动判断,选择的开始日期不能大于结束日期,或结束日期不能小于开始日期,实现的代码如下 效果图:从上图可以看到,当选择了一个开始时间后,会自动限制结束时间的选择范围,实现两个日期选择器的联动. 代码如下: 首先定义联动处理函数:Ext.apply(Ext.form.field.VTypes, { daterange: function (val, field) { var date = field.parseDate(val); if (!date) { return false; } if (field.st...
代码如下:Ext.onReady(function(){ //定义store var chartStore = new Ext.data.JsonStore({ root:root, fields:[ {name:ne,type:string},//网元 {name:confine,type:int},//阀值 {name:bill,type:string}//工单数 ], sortInfo:{field: bill, direction: ASC} }); //测试数据 var obj={ root:[ {ne:网元一,confine:80,bill:150}, {ne:网元二,confine:150,bill:140}, {ne:网元三,confine:180,bill:160}, {ne:网元五,confine:120,bil...
代码如下:<script type="text/javascript"> Ext.data.Store.prototype.applySort=function(){//重载applySort if(this.sortInfo && !this.remoteSort){ var s = this.sortInfo, f=s.field; var st=this.fields.get(f).sortType; var fn=function(r1,r2){ var v1=st(r1.data[f]),v2=st(r2.data[f]); //添加：修复汉字排序异常的Bug if(typeof(v1)=="string"){//若为字符串 return v1.localeCompare(v2);//则localeCompare比较汉字字...
1.首先看下效果图： 2.ext代码 代码如下:/// <reference path="http://www.cnblogs.com/Resources/ExtJs/vswd-ext_2.0.2.js" /> Ext.namespace(XQH.ExtJs.Frame); XQH.ExtJs.Frame.RoleManage = function() { this.init(); }; Ext.extend(XQH.ExtJs.Frame.RoleManage, Ext.util.Observable, { init: function() { //表单 addForm = new Ext.form.FormPanel({ id: addRoleForm, width: 460, height: 250, //样式 bodyStyle: margin...
1 在子类中添加单击提交事件 代码如下://登陆按钮单击事件 loginFun: function() { var f = Ext.getCmp("loginForm"); //表单验证 if (f.form.isValid) { f.form.submit({ waitTitle: "请稍候", waitMsg: 正在登陆..., url: http://www.cnblogs.com/Service/SystemService/SystemService.ashx?Method=UserLogin, method: POST, success: function(form, action) { window.location = Main.htm }, failure: function(form, action)...
代码如下:// 第一个下拉框 var parentStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: 'loadByParentid.action?parentid=1001' }), reader: new Ext.data.JsonReader({ root: 'list', id: 'id' }, [ {name: 'id', mapping: 'id'}, {name: 'mc', mapping: 'name'} ]) }); // 第二个下拉框 var childStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ //这里是参数可以顺便写,这个数据源是在第一个...