Extjs
文章平均质量分 94
jazwoo
这个作者很懒,什么都没留下…
展开
-
Extjs renderer 定义gridPanel的某一列
grid表格中某一列想如下自定义,可以使用Ext.grid.column.Column的 renderer, 03.grid Ext.onReady(function(){/* var cm = new Ext.grid.ColumnMo原创 2012-08-16 17:15:28 · 1038 阅读 · 0 评论 -
Extjs 解决表单提交总是执行failure回调函数
Extjs提交表单success:function(form,action){ var data=Ext.JSON.decode(action.response.responseText); Ext.Msg.alert("www ok",data.id); }, failure: function(form, action){原创 2012-08-20 09:55:59 · 2747 阅读 · 1 评论 -
Extjs form表单combo的扩展
17ext.com上的,本来有很多,我精简了一部分,把其他国家的精简掉了,很多朋友说不显示中文,中文显示为乱码,我修改的这个好像没有乱码此代码仅供新手学习,老鸟请绕道效果图如下 Ext.ux.form.IconCombo.js 1//JS脚本 2Ext.namespace('Ext.ux.form'); 3 4Ext.ux.form转载 2012-08-20 09:26:19 · 1391 阅读 · 0 评论 -
Extjs4 中up()和down()的用法
Extjs4.x中,每个组件都新增加了两个方法up()和down()方法。这两个方法都是用来获取组件的,下面我们来看下up()方法和down()方法的官方解释。Extjs4.x中,新增加了两个方法up()和down()方法。这两个方法都是用来获取组件的,下面我们来看下官方解释。up( String selector, [Number/Mixed maxDepth] ) : Ex转载 2012-08-20 08:41:58 · 899 阅读 · 0 评论 -
ExtJS GridPanel动态加载列
要实现动态更改GridPanel的列就必须先了解固定列是怎么弄出来的。GridPanel的列可以通过new Ext.grid.ColumnModel(columns)来创建,而这里的columns是一个JavaScript数组。由此可知,如果能够动态的更改这里的columns岂不OK了?现在要求前3列是固定的,其后的列是根据所选中树节点的不同而不同。如果去为每一个节点创建一个新的GridP转载 2012-08-20 11:19:58 · 1018 阅读 · 0 评论 -
Extjs EditorGridPanel 动态追加一行
主要是实现grid的edit事件,查看Ext.data.StoreManager.lookup("gridStore")找到store之后,查看最后一个recorde是否为空,不为空才新增一行Ext.onReady(function(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget='side'; var st原创 2012-08-20 11:44:47 · 1040 阅读 · 0 评论 -
ExtJS控件样式的修改
这里说的修改不是去改extjs本身的ext-all.css, 也不建议这样去做,这样会影响所有页面;而应该是用自定义的css去覆盖某些控件的默认样式。大部分控件都有类似cls、style的属性供开发者去定制样式;但具体要设置样式的哪些属性才能达到特定效果,api文档就没说了。比如要构建一个不带边框的panel,设置border、bodyborder属性是不行的,还是会有1px的边框。网上去搜就更难转载 2012-08-30 17:32:51 · 914 阅读 · 0 评论 -
Extjs TaskRunner
TaskRunner 在浏览器提供的 setTimout()/setInterval() 基础上继续完善, 扩展了主要两项功能:执行次数的限制、执行时间的限制(即超时)。TaskRunner 旨在利用计时器分时执行方法提供一个相对简易的并行运行机制,其目的不但在于一般的延时执行任务(或者另一个类 DelayedTask 会更合适),还可以同时进行多项任务。这样的话,任意个独立的任务都可以在任何时候转载 2012-08-31 09:40:34 · 766 阅读 · 0 评论 -
Extjs 自定义函数,外部调用
页面中的html元素如何能够绑定EXT中定义的函数EXTJS的自定义函数,以下语句可创建一个函数:Ext.Login=function(){ function IsLogin(){ . } return{ init:function(){ IsLogin(); }, Login:function(){原创 2012-08-16 17:43:13 · 4968 阅读 · 0 评论 -
Extjs 解决grid分页数据不变
在使用分页时,前天代码基本没错,但是分页就是不成功,而是一直是不变化,全部加载原因是没有搞懂怎么分页的Extjs分页是根据store.load({params:{start:0,limit:10}}); 中start,limit这两个参数来进行分页的。start表示开始记录数,limit表示一页的记录数。 当store第一次load的时候,start=0,limit=10;原创 2012-08-21 11:42:09 · 4185 阅读 · 3 评论 -
Extjs ajax实例
简单的Ext.Ajax. request示例 var requestConfig = { url :'loginServer.jsp',//请求的服务器地址 params : {userName : 'tom',password : '123'},//请求参数 customer : '自定义属性',//附加属性 callback : function(options,succes转载 2012-08-21 15:43:43 · 1220 阅读 · 0 评论 -
Extjs form表单提交登陆例子
//以下是表单 var memberAddWindow; //文章标题 var articletitle = new Ext.form.TextField({ fieldLabel:'文章标题', name:'memberName', //必须指名name属性.用于将参数传出去.参数名:name属性值,如'memberName'.参数值:'memberName'对应的文本框转载 2012-08-19 22:46:35 · 691 阅读 · 0 评论 -
Extjs的EditorGridPanel修改数据后怎样保存到数据库
extjs的EditorGridPanel并不难,我想很多人都可以写出来,但是对于修改数据后怎样保存到数据库我想还是有好多人不太明白,下面我关于这一点就我个人的见解说一下,这里首先的配置好可以修改的列[javascript] view plaincopyvar colM = new Ext.grid.ColumnModel([{转载 2012-08-19 23:39:53 · 1048 阅读 · 1 评论 -
Extjs学习 图表Chart 使用主题样式
Extjs学习 图表Chart 使用主题样式原创 2012-08-17 14:56:44 · 1074 阅读 · 0 评论 -
Extjs学习 图表Chart概述
Extjs.chart提供了可视化展现数据的能力,每个图表可以绑定到数据模型Ext.data.Store上,并随着数据的变换可以自动的更新图表一个图表对象包括图标风格、坐标(axes)、序列(series)Extjs提供的坐标轴有5类、图表序列有8类:坐标轴(axes)数值轴 (Ext.chart.axis.Numeric)时间轴 (Ext.chart.axis.Time)原创 2012-08-17 09:04:02 · 1922 阅读 · 0 评论 -
Extjs学习 图表Chart 坐标轴组件详解(axes)
一个坐标配置的实例{ xtype: 'panel', layout: 'fit', title: '趋势图', //bodyStyle: 'background:#ffc; padding:10px;', height: 250, width: 1000, forceFit: true,原创 2012-08-17 09:05:35 · 6970 阅读 · 4 评论 -
Extjs学习 图表Chart 序列组件详解(series)
Extjs学习 图表Chart 序列组件详解(series)原创 2012-08-17 14:55:10 · 1563 阅读 · 0 评论 -
Extjs学习 图表Chart 复合图表 和 图表与表格
Extjs学习 图表Chart 复合图表(chart和grid结合)原创 2012-08-17 14:58:21 · 875 阅读 · 0 评论 -
ext-4.0.7-gpl 目录说明
1.从http://www.sencha.com/products/extjs下载最新的EXTJS框架文件,最像的版本为EXT-4.0.7-GPL,此版本在IE7/IE8下面运行效率不高,在EXT-4.1中会解决。 2.解压缩文件,得到以下目录 docs目录中是说明文档examples目录中是EXTJS的例子locale目录中是本地化转载 2012-08-17 17:49:47 · 1193 阅读 · 0 评论 -
Extjs3.3+SWFUpload2.2 实现多文件上传
经过研究,结合Extjs3.3做了以下组件: 本上传组件最新修改为v1.1,加入了状态和行删除。 最新版本为v1.2,修改了上传状态和进度不同步的bug 后台返回说明: js code:var keel={};keel.UploadPanel = function(cfg){ thi转载 2012-08-28 17:20:35 · 1499 阅读 · 0 评论 -
ExtJS中FormPanel实现数据加载和提交
在使用使用FormPanel时我们通常需要使用它的form对象来加载数据或提交数据。FormPanel中的 form对象为Ext.form.BasicForm类型的对象,它有load和submit方法分别用于加载数据和提交数据。而这两个方法都是通过调用 Ext.form.BasicForm中的doAction方法来操作的。doAction方法带有两个参数,其中第二个参数为从load或submit转载 2012-08-19 23:21:26 · 802 阅读 · 0 评论 -
Extjs 表单之loadRecord和load用法示例
loadRecord 这个方法是BaseForm的一个公用方法,用法比较常用,之前没有想过要专门的去讲这么个方法的运用,但看到官方实例里面也有详细的讲这个方法的具体应用,而且我觉得是比较实用的方法!从BaseForm的角度出发,他一个是所有form组件的基类,实用他的这个方法同样可以用到其子类上,比如FormPanel,我这里就是通过FormPanel来实现这个功能的! 我整理原创 2012-08-19 23:28:24 · 7911 阅读 · 0 评论 -
Ext.encode与Ext.decode的JSON转换
在Extjs中,我们可以通过json来交换数据,Extjs内置了两个方法来互相转换。 Ext.decode( String json ) : Object 把json字符串转换为对象 Ext.encode( Mixed o ) : String 把对象转换为字符串,用这个方法可以在ajax提交时返回数据var arr = [];var fi原创 2012-08-21 09:49:06 · 2779 阅读 · 0 评论 -
Extjs 解决store.getUpdatedRecordes()获取不到数据
Extjs3.x中是store.getModifiedRecordes(),用editgridpanel来获取被修改的记录,可是怎么也获取不到,深究才知道store类的getUpdatedRecords 会通过 model类的三个条件 1,dirty == true 2, phantom !== true 3,isValid() 来确定一个record是否原创 2012-08-21 15:29:44 · 3308 阅读 · 0 评论 -
Extjs editorgrid批量上传数据
var storeValue = Ext.getCmp("personRegistrationGrid").getStore(); //var m = storeValue.getModifiedRecords(); var jsonarray=[]; //Ext.each(m,function(item){jsonA原创 2012-08-19 23:44:50 · 1094 阅读 · 0 评论 -
ExtJS界面设计工具 Ext Designer
Ext Designer 是一个桌面应用工具,帮助你快速开发基于 ExtJS 的用户界面。Ext Designer 1.2 主要新特性包括:1. 支持多种框架:2. 增加图表的设计支持3. 数据包4. 新的布局选项这里有很多都是跟 ExtJS 4 相关的改进。下载地址:http://www.sencha.com原创 2012-08-25 12:13:41 · 3034 阅读 · 0 评论 -
Extjs 图片上传预览功能
//上传图片类型 var img_reg = /\.([jJ][pP][gG]){1}$|\.([jJ][pP][eE][gG]){1}$|\.([gG][iI][fF]){1}$|\.([pP][nN][gG]){1}$|\.([bB][mM][pP]){1}$/; var win_uploadImage = new Ext.Window({ layout:'fit'转载 2012-08-26 14:15:48 · 6379 阅读 · 7 评论 -
Extjs 解决乱码
js主要是使用 {name : encodeURIComponent(value)} java接受主要是 java.net.URLDecoder.decode(name, "utf-8"); ajax传参乱码 infoStore.on("beforeload",function(){ var newParams={ certificatio原创 2012-08-27 12:39:24 · 1627 阅读 · 0 评论 -
Extjs radioGroup 取选中的值 设置值选中
定义 radiogroupvar radiogroup= new Ext.form.RadioGroup({ fieldLabel : "性别",items : [ { boxLabel : '男', inputValue : '1', checked : true, name : "radSex" }, { boxLabel : '女, name原创 2012-08-25 20:57:41 · 2283 阅读 · 0 评论 -
Extjs Grid中鼠标位置tip提示
grid.on('mouseover',function(e){var index = grid.getView().findRowIndex(e.getTarget());//alert("index ======" + index);if(index >= 0){var record = store.getAt(index);var sr = Ext.encode(record.da原创 2012-08-30 11:38:08 · 2292 阅读 · 1 评论 -
Extjs 修改MessageBox的按钮
修改Extjs的提示框中的按钮的文本:Ext.MessageBox.buttonText={ yes:"按钮1", no:"按钮2", cancel:"按钮3"}注意,这个必须写在用之前(即:buttons:Ext.Msg.YESNOCANCEL段代码之前)而且这样写的话必须每个都写全了,要不然没设置的连默认值都没有了,就是空白的按钮。如果想单独的设置某个按钮的文字可原创 2012-09-23 21:58:51 · 3534 阅读 · 3 评论 -
Extjs4 中点击grid获取单元格cell的columnIndex序号
之前可能是Extjs3.x,提供grid的有cellclick事件,能够得到列的index,下面是一个cellclick事件grid.addListener('cellclick', cellclick);function cellclick(grid, rowIndex, columnIndex, e) { var record = grid.getStore().getA原创 2012-07-20 09:55:14 · 7943 阅读 · 1 评论 -
获取ExtjS grid 单元格cell的值
2011-04-09 15:42 1017人阅读 评论(0) 收藏 举报sm:new Ext.grid.CellSelectionModel(); 则表格的选择模式为单元格选择模式。当单击时将选中对应的某一个单元格,而不是默认的选择某一行。选择方式如下 Java代码 var cell = grid.getSelect转载 2012-09-23 22:45:17 · 7114 阅读 · 0 评论 -
表格删除某行后行号不连续问题解决办法
ExtJS自带表格组件中的行号, new Ext.create('Ext.grid.RowNumberer',{'text':'行号',flex:1}),var tagGrid=Ext.create('Ext.grid.Panel',{ hidden:true, store:tagStore, viewConfig:{ columnsText: '列'原创 2012-10-15 14:26:11 · 3529 阅读 · 0 评论 -
sencha touch (二) mvc
Controllers are responsible for responding to events that occur within your app. If your app contains a Logout button that your user can tap on, a Controller would listen to the Button's tap event and转载 2014-07-21 17:27:52 · 650 阅读 · 0 评论 -
Extjs 将grid的数据批量保存为arrayjson提交
在使用editgridpanel时,要提取出来修改的内容,将其组装成json提交给后台var store=Ext.data.StoreManager.lookup("gridStore"); var jsonArray=[]; var tempgrid=""; store.each(function(record){ //得到当前记录判断是否为空,及新增的最后一条原创 2012-08-25 10:52:09 · 2109 阅读 · 0 评论 -
ExtJS Ext.Ajax.request与form1.getForm().submit的基本区别
相同点:都属于Ajax提交方式!不同点:Ext.Ajax.request是Ext.data.connection的一个实例 form1.getForm().submit是BasicForm的一个实现方式使用上的区别:1.form1.getForm().submit常用在表单提交的时候,就是说要提交页面数据,比如新增和修改数据页面2.Ext.Ajax.r转载 2012-08-19 23:08:09 · 833 阅读 · 0 评论 -
Extjs 控制grid、editorgrid动态添加、删除行
1.对Grid进行删除function() { var _grid = Ext.getCmp("id_of_grid"); var content = _grid.getSelectionModel().getSelected(); //取得选择的那一行 if (content != null) { s原创 2012-08-20 11:10:22 · 3380 阅读 · 0 评论 -
EditorGridPanel中的ComboBox触发不了afteredit
一个EditorGridPanel中包含一个可编辑的ComboBox表单。 对grid添加listerners:afteredit事件 却选择性触发afteredit事件。 combobox表单既可以填入新值,也可以从下拉列表中选择。 当从下拉列表中选择值的时候,afteredit会触发; 而填入新值的时候,却不会触发combo在editgrid下从下拉列表中原创 2012-08-20 11:40:22 · 957 阅读 · 0 评论 -
ExtJS grid 带参数查询分页 store 传额外参数解决办法
在store的beforeload事件里面重写store.proxy.extraParams,添加新参数就不必每次都手动的添加参数store.on('beforeload', function (store, options) { var new_params = { name: Ext.getCmp('search').getValue() };原创 2012-08-22 09:54:44 · 4874 阅读 · 1 评论