解决方法： 1、修改ext-all.css，找到.x-grid3-header-offset，修改为.x-grid3-header-offset{padding-left:1px;/*width:10000px;*/width:auto;} 2、在grid中加入下面代码： 代码如下:monitorResize: true, doLayout: function() { this.setSize(Ext.get(this.getEl().dom.parentNode).getSize(true)); Ext.grid.GridPanel.prototype.doLayout.call(this); }
一、原因分析 this.WinData.AutoLoad.Mode = LoadMode.IFrame; WinData.AnimateTarget = "BtnEdit"; PHWin.Controls.Add(WinData); 使用PlaceHolder让窗口弹出具有动画效果 二、解决方案 this.WinData.AutoLoad.Mode = LoadMode.IFrame; 去掉动画效果即可
看代码 代码如下: var comboxContractType = new Ext.form.ComboBox({ name:logisticsId, fieldLabel:物流公司, displayField:logisticsName, valueField:logisticsId, emptyText:请选择, width:330, editable:true, allowBlank:false, mode:local, loadingText:loading..., hiddenName:logisticsId, //pageSize:10, selectOnFocus: true, triggerAction:all, store:comboxContractTypeStore = new Ext.data.JsonStore({ url:/pcm...
问题 在本人目前的项目中，前端部分完全使用EXTJS基于“One-Page”理念搭建。除了一个HTML作为基本容器外，就全是JS文件了(页面是由JS文件实现的)。当用户切换页面时候，我们通过析构上一个页面对象，然后创建新页面对象并展现在HTML中。基于这种架构，我们还引入了一个ActiveX控件，用于展现报表。这一引入，问题就出来了：只要是访问有报表控件存在的页面，用户切换2次页面，IE就会崩溃(FF无此问题)，百试不爽。 原因 因为系统设...
在Extjs中，在当前页面的grid页新建了一行数据后，通过表单形式进入详细页面的编辑，此时，为了能让页面自动打开详细页面编辑，我花了三个小时，终于找到了在Extjs下最合适的方案，结果却只有三句话，我想，这可能也是很多Extjs爱好者们想要知道或者已经知道的，为此，将其与大家分享，只求为extjs群体贡献自己的一些想法。 列表在创建后，一般会有一个提示，现在我把我最开始的几个思路与大家讲讲，想直接看结果的可以跳到最后一套...
代码如下:viewConfig : { layout : function() { if (!this.mainBody) { return; // not rendered } var g = this.grid; var c = g.getGridEl(); var csize = c.getSize(true); var vw = csize.width; if (!g.hideHeaders && (vw < 20 || csize.height < 20)) { // display: // none? return; } if (g.autoHeight) { if (this.innerHd) { this.innerHd.style.width = (vw) + px; } } else { this.el.setSize(csize.width, csize.he...
代码如下: { 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表示上传控件...
在Extjs中的GridPanel会有这样的情况，隐藏列会显示在menuDisabled中 如下图：但是这个一般没有什么用处，只是用于后台取值的作用。
so
加一个属性：hideable:false就可以搞定了 代码如下:{ header: "attendanceId", dataIndex: "attendanceId", hideable: false, hidden: true },
前言 作为Ext JS 的基本的Form 的组件， 这两个没有什么难的地方。 但是开发过程中却遇到了在 IE 浏览器中， 放大， 缩小窗口大小， 会导致 这两个组件消失不见。 点击某些地方又能显示出来。 不报任何错误。 在其他浏览器正常。 问题发生的状况 因为是在原项目的基础上导入Ext js , 所以页面中的form 并不是通过标准的 先创建form 组件， 再add form field 的方式进行的。 这里使用的 是纯html的form 和 input, 再使用Ext js 把 i...
1、在最近做项目时，在html页面中，没有导入jquery文件时，可以正常保存，而导入jquery文件后，则不能不存了 经过调试后，发现导入的jquery文件和现有的extjs文件冲突了（原因是$符号的冲突） jQuery与ExtJS之间发生冲突，但是在非IE内核下是可以的，是由于$符号的冲突，解决办法就是把jQuery的$符号用其他来代替，代码如下: 代码如下: var jq=jQuery.noConflict(); 在html页面调用时，如下:(使用上面定义的jq来代替$符号) 代...
写在前面，版本库：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.d...
最近在用EXtjs做项目，在加载数据量特别大的时候会出现加载超时现象，在FB下查看，原来是ext默认ajax请求30秒。 在网上搜到下面的解决方法，以备参考和其他人参考。 ExtJS做Ajax请求的时候，默认的相应时间是30秒，如果后来数据查询时间超过30秒，ExtJS就会报错。 这就需要修改ExtJS的超时时间： 2种方法： 1：在Ajax请求的时候加：（timeout: 100000000）属性 代码如下: Ext.Ajax.request({ url: foo.php, success: someFn, fail...
之前用EXTJS的gridPanel组件的时候，因为经常对gridPanel中的stroe数据进行过滤，所以有时候总是导致gridPanel自身所带的scrollbar失效。取个实例，EXTJS gridPanel自带的滚动条，是有一个固定的列宽来放置这个scrollbar的，如上图所示。所以当这个scrollbar失效的时候，无论你怎么拖动这个滚动条，grid中的数据永远都不会随scrollbar的移动而展示相应区域的数据（换句话说就是你永远看到的数据都是截图中的这几条record）。
至于为...
具体代码如下所示：
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）。
至于为...
在Extjs中的GridPanel会有这样的情况，隐藏列会显示在menuDisabled中 如下图：