![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ext
文章平均质量分 61
davidxj
这个作者很懒,什么都没留下…
展开
-
扩展Ext的Slider组件
由于Ext提供的slider组件只存在一个滑块,工作中需要可以动态添加滑块,因此对slider组件进行扩展实现添加多滑块功能。 Ext.ns( "Ext.neza" );/** * @class Ext.neza.DynamicSlider * @extends Ext.Slider */Ext.neza.DynamicSlider = Ext.extend(Ext.Sl原创 2009-04-06 13:58:00 · 2561 阅读 · 0 评论 -
组件居中
使用style : text-align:cente 可以将组件全部居中原创 2009-06-01 19:02:00 · 886 阅读 · 0 评论 -
ext grid 的每行最后一列添加 按钮
var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), sm, {header:编号,dataIndex:id,sortable:true},转载 2009-08-14 15:01:00 · 7568 阅读 · 0 评论 -
Grid初始选中问题
var g = Ext.getCmp("task_list"); var model = g.getSelectionModel(); model.selectRow(4); var r = g.store.getAt(4); model.fireEvent("rowselect", model, 4, r); gridg原创 2009-09-16 17:13:00 · 671 阅读 · 0 评论 -
EditorGridPanel组件取消某一行的编辑状态
var dataClearGrid = new Ext.grid.EditorGridPanel({ id: "dataClearGrid" //,title: "数据清理规则" ,cm: cm ,sm: sm ,clicksToEdit: 1 ,store: store ,autoWidth: true ,autoHeight: true ,原创 2010-03-11 14:37:00 · 2646 阅读 · 0 评论 -
Ext.form.ComboBox tip
当有时候我们combobox框里面的值太长,定义一定的长度,不能完全看见,这是就需要加tooltip,当鼠标悬浮时,出现完整的字符。 具体代码实现: 一个combobox框 var operateEvent = new Ext.form.ComboBox({ fieldLabel:操作事件, width:150, valueField:value, disp转载 2010-03-13 16:49:00 · 2051 阅读 · 0 评论 -
Extjs中Combo组件添加tooltip
当有时候我们combobox框里面的值太长,定义一定的长度,不能完全看见,这是就需要加tooltip,当鼠标悬浮时,出现完整的字符。 具体代码实现: 一个combobox框 var operateEvent = new Ext.form.ComboBox({ fieldLabel:操作事件, width:150, valueField:value, disp原创 2010-03-26 14:07:00 · 5415 阅读 · 0 评论 -
gridpanel加态重新加载columnModel和store
//重新绑定gridthis.grid.reconfigure(newStore, new Ext.grid.ColumnModel(cm1));//重新绑定分页工具栏this.pagingBar.bind(newStore);//重新加载数据集newStore.load({params:{start:0,limit:10}});转载 2010-04-15 13:11:00 · 1353 阅读 · 1 评论 -
ExtJS Grid Tooltip
function g(){ var difsAdjustGrid; var difsAdjustCm; difsAdjustCm = new Ext.grid.ColumnModel( [ new Ext.grid.RowNumberer(), {id: 'DASYS_NAME', header : '稽核实例',dataIndex : 'DASYS_NAME',width : 100,sortable : true} ,{id: 'DADIFF_NAME',原创 2010-09-02 19:13:00 · 1968 阅读 · 0 评论 -
EXTJS遮罩蒙板
<br />var mk = new Ext.LoadMask(tree.id, {msg: '正在更新数据,请稍候!',removeMask: true //完成后移除});mk.show(); //显示Ext.Ajax.request({url: 'roleAction.evi', // 发送get请求.method: 'GET',success: function() {mk.hide(); //关闭},failure: function() { mk.hi转载 2010-09-26 15:48:00 · 2608 阅读 · 0 评论 -
Extjs 模块化动态加载js实践
<br />当点击菜单树的节点时调用:<br /> Js代码 function openGetBugsPanel(name) { var moduleId = 'BugList_tab'; //一个静态方法,表示从一个js载入了一个新的模块 Ext.ux.yiminghe.framework.core.newModule( { //模块的id moduleId: moduleId, //在哪转载 2011-04-28 10:52:00 · 3029 阅读 · 1 评论 -
Grid横向滚动
viewConfig : { layout : function() { if (!this.mainBody) { return; // not rendered }转载 2011-09-16 14:45:35 · 1500 阅读 · 0 评论 -
解决enableDragDrop为true时被选中选项被取消问题
有时候在选择了很多数据项后,当在选择其它行时之前选择的内容被取消了。为了解决这个问题扩展了一个selectmodel,目前这个类仅支持IE(由于EXT内部方法还不是很清楚),只是临时解决方案。 自定义selectmodel:/** * 自定义选择模板,解决enableDragDrop为true时被选中选项被取消问题. * 目前仅支持IE * * @author l原创 2009-07-28 14:28:00 · 2664 阅读 · 0 评论 -
Ext中Grid添加ToolTip
Ext在表格中显示tooltip方法,这个方法来自AnimalTest<!--.c_table{border-collapse: collapse;margin-bottom: 3em;font-size: 70%;line-height: 1.1;width:300;height:200;} /*th, td{原创 2009-07-24 14:58:00 · 5416 阅读 · 3 评论 -
Ext解析与反向解析JSON
使用Ext.util.JSON对象对JSON操作decode( String json ) : Objectencode( Mixed o ) : String原创 2009-04-19 18:41:00 · 2127 阅读 · 1 评论 -
删除Store中的数据
在删除时应该注意store的长度var store = Ext.getCmp( alarm_config ).getStore(); for (var i = store.getCount() - 1; i >= 0 ; i--) { var record = store.getAt(i); var isChoose = re原创 2009-04-07 11:43:00 · 2449 阅读 · 0 评论 -
EXT EditorGridPanel 中使用Ext.grid.CheckColumn
在EditorGridPanel中无法使用默认的CheckBox控件,因此采用第三方扩展的控件实现,以下是Ext.grid.CheckColu扩展类: Ext.grid.CheckColumn = function(config) { Ext.apply(this, config); if(!this.id) { this.id = Ext.id();原创 2009-04-06 16:40:00 · 8456 阅读 · 9 评论 -
extJs 2.1学习笔记(Ext.TabPanel篇)
Ext.TabPanel这个东西是最常用的组件之一,它继承自Ext.Panel。看了一个下午的源代码,对它的一些基本原理有所了解了。 下面要讲一些问题,这些问题绝对是本人独门秘笈,非入室弟子不传。哈哈哈。 一、组件的组成: 因为继承自Ext.Panel,所以,它也是由header、tbar、body、bbar、footer这几个部分构成,有人问:TabPanel的面板标签是在哪转载 2009-04-06 15:36:00 · 1200 阅读 · 0 评论 -
解决Ext.grid.EditorGridPanel获得当前行编号问题
首先创建全局变量global_num_row记录当前行数然后再EditorGridPanel中添加rowclick事件并给 global_num_row赋值。,listeners: { rowclick: function(Grid, rowIdx, e){ global_num_row = rowIdx; } } 可以通过这个全局变原创 2009-04-08 16:20:00 · 3211 阅读 · 0 评论 -
Ext.Window重新构建
在创建Window时如果不指定el属性在close后就可以重构,如果设置了el属性在销毁时会把相应的div也销毁因此会出现this.el.dom 为空或不是对象。如果采用hide方式就无所谓啦。原创 2009-04-09 16:58:00 · 1103 阅读 · 0 评论 -
Grid行数据获取
var model = grid.getSelectionModel(); model.selectAll();//选择所有行 model.selectFirstRow();//选择第一行 model.selectLastRow([flag]);//选择最后一行,flag为正的话保持当前已经选中的行数,不填则默认false model.selectNext();//原创 2009-04-19 17:43:00 · 1404 阅读 · 0 评论 -
Ext中Form对象Load数据
利用form加载数据Ext.getCmp(collect_task_form).getForm().load({ url: "./collectTaskView.do" ,params: { id: id } ,success: function(form, action){ //Ext.example.msg(原创 2009-04-19 20:34:00 · 5686 阅读 · 0 评论 -
Ext.data.Store
Ext.data.Store是EXT中用来进行数据交换和数据交互的标准中间件,无论是Grid还是ComboBox,都是通过它实现数据读取、类型转换、排序分页和搜索等操作的。Ext.data.Store中有一个Ext.data.Record数组,所有数据都存放在这些Ext.data. Record实例中,为后面的读取和修改操作做准备。Ext.data.Store的基本用法转载 2009-04-23 15:55:00 · 27687 阅读 · 2 评论 -
gridpanel中拖拽排序
// 定义拖动时样式 function change(val){ if(val > 0){ return + val + ; }else if(val < 0){ return + val + ; } return val;转载 2009-04-23 15:57:00 · 1824 阅读 · 1 评论 -
多个Store同时加载后端取值问题
当前台使用多个store同时向同一个地址发送请求时,如果后端使用struts框架的formbean接收数据将会出现后面的数据把前面的数据覆盖的现象。如果使用request.getparameter获取则没有问题。Stort:var invStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url:原创 2009-04-24 14:22:00 · 1439 阅读 · 0 评论 -
Extjs控件EditorGridPanel中使用自定义的editor
点击EditorGridPanel中的某一列时,需要根据点击的那一行的其它列的数据进行判断,出现何种表单控件。例如:头像类型 头像IDxxx yyy点击yyy时需要根据头像类型选择的值进行判断,是出现combox控件还是textfield控件。 解决方案:使用Extjs预留的getCellEditor进行扩展。部分代码转载 2012-12-12 10:30:55 · 7335 阅读 · 1 评论