随笔分类 - extjs
Extjs框架的相关学习记录
exjs3.2的gridPanel的表头总宽度与列的总宽度不一致的解决方案
摘要:修复之前的bug问题修复办法,谷歌浏览器中,table的单元格实际宽度=指定宽度+padding,所以只要重写gridview里的一个方法:Ext.override(Ext.grid.GridView,{getColumnStyle : function(colIndex, isHeader) {var colModel = this.cm,colConfig = colModel.config,style = isHeader ? '' : colConfig[colIndex].css || '',align = colConfig[colIndex].al
阅读全文
extjs grid 单元格 多选
摘要:new Ext.grid.CellSelectionModel({ last : false, // 上一次选中的单元格 selections : [], // 选择区缓存 handleMouseDown: function (grid, row, col, event) { var isSelected; if (event.button !== 0 || this.isLocked()) return; if (event.shiftKey && thi...
阅读全文
extjs中的下载并对文件重命名功能的实现
摘要:在小白的学习extjs的过程中,如果需要了解多文件的上传功能,也可以查看小白的上篇随笔,希望给大家帮助。http://www.cnblogs.com/wangqc/p/extjsFileUpload.html知道下载这个功能(在下载的同时,要重命名文件,因为大多数保存到后台的文件都是通过生成不同的guid的,从而保证后台上传的文件不会将原来的文件覆盖,导致文件丢失的问题。因此后台保存的文件都是guid+原来的后缀名保存到服务器上的。)肯定是要遇到的,虽然大部分是后台代码,但是小白还是来总结一下,给需要的朋友。首先,就是在extjs中的超链接的应用,可以通过在渲染的时候,返回html的超链接(r
阅读全文
extjs实现简单的多文件上传(不借助任何插件),以及包含处理上传大文件的错误的各种处理办法
摘要:在extjs的学习过程中,有遇到过有关多文件上传的问题,但是网上的大多数都是专门的去实现多文件上传而去做的组件之类的,没有特别简单的方式,于是小白便做了下面的内容,只是通过动态的去添加extjs的自带的组件 filefield,然后有几个需要上传的文件,就动态添加几个这样的组件,从而实现简单的多文件上传。希望能给想做多文件上传,又不想借助别人封装好的组件或者flash来实现该功能的朋友们一点帮助。下面是效果图。下面是有关的前台代码//动态添加File组件的的函数function addFileUp() { var fileField = new Ext.form.File({ ...
阅读全文
Extjs treePanel 后台Json的两种构建方法
摘要:public string json = ""; public string QueryMenuTreeJson(string ParentID, string userId) { json = ""; GetResourceTreeJson(ParentID, userId); return json; } public string GetResourceTreeJson(string ParentID, string userId) { ...
阅读全文
extjs 常见的小问题
摘要:今天,小白就来总结下extjs的使用的时候的各种小问题或者说是小技巧。希望能够给各位刚接触extjs的朋友一点帮助。1.当存在store的各种组件的store的autoload属性为false的时候,在某个事件进行(例如容器的展开事件expand或者某个按钮的点击事件)的情况下,需要手动的去加载store即xxx.store.load(),会发现请求的数据什么都一切正常,但是就是页面上就是不显示,经过很长时间的请教与琢磨,才知道是因为Load事件的异步照成的,解决办法是在store.load的回调函数中加入组件的刷新操作。下面的代码即是 treePanel在展开的情况下才去刷新数据源。 1 &
阅读全文
Extjs布局
摘要:今天我来总结一下extjs下面的各种布局,不仅是为了给自己做笔记,同时,也希望让刚刚接触extjs的朋友们快速的了解下,大神就不用看了。废话不多说,开始布局的讲解。(以下代码都可以直接在javascript中直接复制使用,希望大家能够较好的使用学习。)1.auto布局使用(默认布局) 就是自动排版 没有任何的设定 几乎很少使用到Ext.onReady(function () { //设置提示消息的显示方式 var panel1 = Ext.create('Ext.panel.Panel', {title : 'panel1',html : 'panel1
阅读全文
Extjs4.x完美treepanel checkbox无限级选中与取消
摘要:注:当node选中, childNodes逐级全部选中. parentNode当子node全部选中时逐级自动选中,nodes未全部选中, parentNode逐级自动取消选中在javascript中加入下面的代码, /*向上遍历父结点*/ var nodep=function(node){ var bnode=true; Ext.Array.each(node.childNodes,function(v){ if(!v.data.checked){ bnode=false; return; } ...
阅读全文
extjs 4.2 日期控件 选择时分秒功能
摘要:因为不支持时分秒,然后在网上也找了一段时间的插件,但是感觉起来都不大方便,最后找一个插件,只需要引用js文件,然后修改类型,就可以实现extjs下面的datafield带时分秒功能了。步骤:只需要直接引用四个js文件 不过需要按照顺序去引用然后需要将时间的xtype 改为datetimefield即可下载地址:http://files.cnblogs.com/wangqc/datetime.zip
阅读全文
extjs4.0下的日期控件的星期显示为y的解决办法
摘要:没有修改的时候的问题:今天第一次写博客,就记录一下以前extjs4.2下运用日期组件的星期显示问题,当时找了n久,可能是extjs4.2才出来没多久,没有多少人发现这个问题或者说很少有人将Extjs4.0用于项目开发,网上的资料几乎没有,因此只能靠自己来解决问题。因为是加入了中文文档才照成的问题,因此肯定是extjs的中文包的js文件中出现的问题,好了,废话不多说,直接上解决办法。步骤一,进入ext-lang-zh_CN.js中文包js文件,然后按照下面的图片进行修改。之后效果如图:
阅读全文