之前用EXTJS的gridPanel组件的时候，因为经常对gridPanel中的stroe数据进行过滤，所以有时候总是导致gridPanel自身所带的scrollbar失效。取个实例，EXTJS gridPanel自带的滚动条，是有一个固定的列宽来放置这个scrollbar的，如上图所示。所以当这个scrollbar失效的时候，无论你怎么拖动这个滚动条，grid中的数据永远都不会随scrollbar的移动而展示相应区域的数据（换句话说就是你永远看到的数据都是截图中的这几条record）。 至于为...
问题描述： 一个父容器也是window的window下的comboBox在页面中点击无效，但是在控制台中查看它的store却是有值的，问题在于没有显示。 页面：控制台调试：解决方案： 监听下拉（expand）事件，让下拉的dom堆叠顺序（z-index）置前（设为10000）：listeners:{expand:function(){this.list.dom.style.zIndex = 10000;}},以上所述是小编给大家介绍的解决Extjs下拉框不显示的问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，...
1、Ext.data.Store.load();方法是异步的，下面的方式获得的reCount始终是0，因为还没等后台的方法执行完就赋值了，此时store的record还没获得值。 var testStore = new Ext.data.GroupingStore({proxy : new Ext.data.HttpProxy({url : }),reader : new Ext.data.JsonReader({root : hstamcx,totalProperty : "results",fields : ["id","value"]}) }); Ext.onReady(function(){Ext.QuickTips.init();Ext.form.Field.prototype.msgT...
具体代码如下所示： Ext.define(AM.view.test.ReceiptList, { extend: Ext.grid.Panel, alias: widget.receiptlist, id : receiptlist, selModel : { selType : checkboxmodel, mode : SIMPLE, checkOnly : true, renderer : function(v,p,record) { if (record.data.XR0003 == 0) { return <div class="x-grid-row-checker"> </div>; }else{ return ; } } }, listeners: { beforeselect: function(grid, record, index, eOpts) { ...
之前用EXTJS的gridPanel组件的时候，因为经常对gridPanel中的stroe数据进行过滤，所以有时候总是导致gridPanel自身所带的scrollbar失效。取个实例，EXTJS gridPanel自带的滚动条，是有一个固定的列宽来放置这个scrollbar的，如上图所示。所以当这个scrollbar失效的时候，无论你怎么拖动这个滚动条，grid中的数据永远都不会随scrollbar的移动而展示相应区域的数据（换句话说就是你永远看到的数据都是截图中的这几条record）。 至于为...
写在前面，版本库：Ext JS Library 3.3.1 做图表的时候纵坐标很多值都是一样的，无意中发现下面的解决方法，自己测试是可以了，写出来以备后查，以便他人查看。其他版本没测试过。有兴趣的朋友可以自己测试。 代码如下:var chartStore;//图表数据 Ext.onReady(function(){ //使用当前服务器的文件，如果没有这句话，默认会去adobe的站点取 Ext.chart.Chart.CHART_URL = extjs/resources/charts.swf; var json_reader = new Ext.da...
最近遇到的问题，在使用grid的时候窗口改变了但是grid却不能自适应的改变于是加了一条这行语句 问题就解决了，效果图 拖大后的效果 添加的语句： 代码如下:Ext.EventManager.onWindowResize(function(){ grid1.getView().refresh() }) 参看完整代码； 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>grid</title> <link href="../...
1、在最近做项目时，在html页面中，没有导入jquery文件时，可以正常保存，而导入jquery文件后，则不能不存了 经过调试后，发现导入的jquery文件和现有的extjs文件冲突了（原因是$符号的冲突） jQuery与ExtJS之间发生冲突，但是在非IE内核下是可以的，是由于$符号的冲突，解决办法就是把jQuery的$符号用其他来代替，代码如下: 代码如下:<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript...
关于这个原因有很多种，我只说下我遇到的 我这样 写Store来复用的 代码如下:DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this.reader = new Ext.data.JsonReader( { totalProperty: results, root: rows, id:docid, fields: [docid, extention,docname, author, sizes, datecreated] } ); this.sortInfo = { field: datecreated, direction: DESC }...
今天心血来潮，想在切换tabpanel的时候，把相应的工具栏隐藏掉，结果出现空白，先熊板板的空白！不废话，上代码，代码如下： 代码如下://隐藏 Ext.getCmp(Tab2).tbar.hide(); Ext.getCmp(Tab2).tbar.dom.style.height = 0px; //显示 Ext.getCmp(Tab2).tbar.show(); Ext.getCmp(Tab2).tbar.dom.style.height = 27px;//高度可以自己定义 搞定，so easy!
在Extjs中的GridPanel会有这样的情况，隐藏列会显示在menuDisabled中 如下图：但是这个一般没有什么用处，只是用于后台取值的作用。 so 加一个属性：hideable:false就可以搞定了 代码如下:{ header: "attendanceId", dataIndex: "attendanceId", hideable: false, hidden: true },
这几天做后台看了一些Ext的知识，在切入工作项目的时候出现了乱码情况，所以就总结了这篇ExtJS中文乱码之GBK格式编码解决办法的文章，作为记录。 1、具体情况： 在引入： 代码如下:<title>Ext-学习|测试项目</title> 02.<link href="/js/ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> 03.<script type="text/javascript" src="/js/ext/ext-base.js"></script> 04.<script type="text/javascript" src="/js/...
Extjs的Panel和Window等组件在默认情况下是带边框的，通常情况下，单独使用没有什么关系，但是将Panel作为Window组件的子组件时就会出现双重边框的现象，如果Window组件中含有两个或者两个以上的Panel，那么Panel和Panel组件之间的边框会重复累加，也就是说会变成双重边框。实际上双重边框并不是很影响外观，但多少看上去会有些不太令人满意，因此我们就得想办法将两重边框去掉，变成单边框。下面是前后两张对比图，大家仔细观察一...
用ExtJS开发将近一年了，也遇到了很多奇怪的问题，印象最深的要算是ExtJS在ie中显示的问题了。由于开发过程中大多用chrome来调试，很少在ie中调试（现在两者都要兼顾），导致最后在ie中页面不能正常加载，当时那个囧啊，看到ie报的错，我都想哭，连出错的堆栈信息都没有（这一点，ie做的真不好），无从下手啊。尝试过N多方法，最后发现导致出现这种问题的原因（90%以上的可能性）是js的数组中多了一个英文的逗号','，而这种在chrom...
代码如下:{ width: 450, fileUpload: true, fieldLabel: 选择图片, items: [{ xtype: textfield, id: up_forth, name: up_forth, inputType: file, width: 300 }] } 预览box 代码如下:{ columnWidth: .18, bodyStyle: margin:4px 10px 10px 5px, layout: form, items: [{ xtype: box, autoEl: { width: 150, height: 150, tag: div, id: browser_up_forth } }] } myfrom表示上传控件外围的FormPanel,, contril_id表示上传控件的...