Extjs
重庆-传说
C#,JAVA,Python,PHP,Node.js,Sails.js,ExtJS,EasyUI,AngularJS,VueJS
展开
-
Extjs4 消息框 去掉 关闭按钮
效果如图,类似 Ext.Msg.alert(); 但没有关闭按钮由于Extjs4消息框中的关闭按钮,没有执行回调函数,点击关闭按钮后,直接关闭窗口。实现代码如下:Ext.Msg.show({ title : '系统提示', msg : 'Extjs4 去掉提示框右上角关闭按钮', buttons: Ext.Msg.OK, fn: showResult,原创 2012-04-28 16:25:03 · 4024 阅读 · 0 评论 -
extjs4 grid 滚动条 联动
在做对比数据的时候,需要同步两张grid的滚动条 代码如下:Grid.view.on({ 'render': function(view, opts){ view.mon(view.el, 'scroll', function(){ Grid2.view.el.setScrollLeft(this.el.getScrollLeft());//同步左右原创 2017-12-01 16:24:01 · 1611 阅读 · 3 评论 -
extjs tabpanel 限制 选项卡 数量
var tabIndex = 'shouye';var tabIndex2 = 'shouye';var tabIndex3 = 'shouye';var tabIndex4 = 'shouye';var tabIndex5 = 'shouye';var tabIndex6 = 'shouye';var tabIndex7 = 'shouye';/** * 向TabPanel组件中添加窗口或激活已...原创 2010-12-27 17:49:00 · 3337 阅读 · 0 评论 -
extjs 关于 treePanel + chekBox 全部选中 以及 清空选中
//树 var treePanel = new Ext.tree.TreePanel({ id:'ptree', region:'west', layout:'anchor', border:false, rootVisible: false, root:{}, listeners:{ render: function() { authorityTree(tree...原创 2011-08-08 12:15:00 · 5043 阅读 · 1 评论 -
extjs CheckTree 的相关应用
var tree= new Ext.tree.TreePanel({ id:'ptree', region:'west', layout:'anchor', border:false, rootVisible: false, root:{}, listeners:{ render: functio...原创 2011-01-28 13:03:00 · 3420 阅读 · 2 评论 -
Extjs 3.31 TreeGrid 我的小改动,实现静态页面加载json到TreeGrid里面
想要实现 TreeGrid的效果,打开官方例子却看不到效果,怎么办呢?我是这样实现的 var root = new Ext.tree.TreeNode({ text: '根节点', expanded: true }); tree.setRootNode(root); var nodes = {}; nodes.children = mydata;/*Tr...原创 2011-02-13 12:56:00 · 4347 阅读 · 8 评论 -
关于 ext3.3.1 遇到的兼容问题收集
一. IE6下 float:right; 出现换行的问题,把float的模块放到非float的前面即可。<span style="float: right">右边</span><span>左边</span> 二.IE6 下 margin 出现双倍长度,加上 display:inline;即可。三.IE innerText 有兼容问题,用inner...原创 2012-05-10 11:48:42 · 3074 阅读 · 0 评论 -
Extjs3.x 为GridPanel 排序 行拖拽 行数据上移 行数据下移
需要实现gridPanel行数据排序,思路是:删除选中行的数据,在移动行插入新数据,形成移动的假象。var Menu = new Ext.menu.Menu({ items: [{ text: '上移', iconCls: 'arrow-upon-icon', handler: function(){ if(rowIn...原创 2012-08-11 12:01:08 · 4921 阅读 · 2 评论 -
Extjs 3.x treePanel 加载异常
Extjs 版本 3.3.1 Ext.tree.TreePanel 在IE浏览器加载异常的处理var MenuTree = new Ext.tree.TreePanel({border: false,split: true,rootVisible: false,autoScroll: true,root: new Ext.tree.AsyncTreeNode({ id:'0', ...原创 2012-09-20 15:52:56 · 2957 阅读 · 0 评论 -
Extjs 3.3 隐藏工具栏 出现Bug 的解决方法
今天心血来潮,想在切换tabpanel的时候,把相应的工具栏隐藏掉,结果出现空白,先熊板板的空白!不废话,上代码,代码如下://隐藏Ext.getCmp('Tab2').tbar.hide();Ext.getCmp('Tab2').tbar.dom.style.height = '0px';//显示Ext.getCmp('Tab2').tbar.show();Ext.getCmp('Ta...原创 2013-04-01 16:33:31 · 3146 阅读 · 0 评论 -
Ext.Ajax.request params 传递对象到 C#后台
var data = Store.data;var recordData = []; //参数if (data.length > 0) { for (var i = 0; i < data.length; i++) { recordData.push(Ext.encode(data.items[i].data)); }}Ext.Ajax.reques...原创 2012-11-18 16:43:33 · 4460 阅读 · 0 评论 -
Extjs grid 取得其他列的值
{ header : '其他列的值', renderer:function(value, cellMeta, record, rowIndex, columnIndex, store) { return record.data['company']; }}value: 当前的值 cellMeta: 单元格式ID record: 当前行的所有数据 rowI...原创 2013-05-27 15:00:17 · 4369 阅读 · 0 评论 -
Extjs 3.x IE9 日历控件的兼容问题
/*解决日历控件在IE9中的兼容问题*/if(Ext.menu.Menu){ Ext.menu.Menu.prototype.showAt = function(xy, parentMenu){ if(this.fireEvent('beforeshow', this) !== false){ this.parentMenu = parentMenu;...原创 2013-06-03 11:34:01 · 3409 阅读 · 0 评论 -
Extjs3.3 仿百度网盘 DataView 文件列表更新
旧文章:http://blog.csdn.net/zdb330906531/article/details/17135923可根据自己项目的需求重写组件,有问题请留言。 改进了以前出现的BUG; 新增调整了文件类型的样式; 删除不必要的文件,压缩包比以前小很多; 在线预览 免费下载...原创 2016-07-27 10:29:38 · 1936 阅读 · 0 评论 -
extjs4 grid combobox 联动
网上竟然找不到类似的解决方案,自己写一个吧 表格里面的下拉列表进行联动,根据一级目录的内容,显示二级目录(注意二级目录是动态变化的,这点很重要)解决思路: 1、获取要对比的combobox的store 2、展开联动的combobox时对比过滤监听GridPanel事件var record2 = null, //选中的记录 store2 = null;//要对比的store原创 2017-12-01 16:16:04 · 1878 阅读 · 3 评论 -
Extjs 填请假条界面Demo
Ext.create('Ext.Window', { title: '填写请假条', iconCls: 'extjs-icon-edit', closeAction: 'hide', width: 500, height: 330, maximizable: true, layout: 'fit', border: f原创 2016-11-25 14:38:00 · 1226 阅读 · 0 评论 -
extjs4 combobox 多选与赋值 2017.1.10
初始化xtype: 'combobox',editable: false,multiSelect: true,//启用多选queryModel: 'local',displayField: 'text',valueField: 'id',store: Store多选赋值,数组combobox.setValue([0,1]);combobox.setValue(['值1','值2']);原创 2017-01-10 14:55:36 · 5678 阅读 · 0 评论 -
extjs extjs3 extjs4 htmleditor 引入自定义样式
想给 extjs3 的文本编辑框引入 自定义的样式,搜索无果,自己琢磨着给弄了出来,废话就不多说了,有兴趣的看下面代码:xtype: 'htmleditor',//引用自定义样式getDocMarkup: function () {return '';},html:'****'好了,我要的效果实现了。接下来,我给大家对比一下重写的函数:3.0版本getDo原创 2012-04-17 23:09:08 · 3479 阅读 · 1 评论 -
javascript 判断浏览器 和 得到浏览器的宽度、高度
var ua = navigator.userAgent.toLowerCase();var isStrict = document.compatMode == "CSS1Compat", // 是否定义document类型isOpera = ua.indexOf("opera")>-1, // 是OperaisIE = !isOpera&&ua.indexOf("msie")>-转载 2012-07-03 15:53:42 · 2935 阅读 · 0 评论 -
Extjs4.0 Ext4 修复 中文包
if (Ext.view.AbstractView) {//Ext.grid.Panel加载中 Ext.view.AbstractView.prototype.loadingText = "读取中...";}if (Ext.window.MessageBox) {//消息框提示 Ext.window.MessageBox.prototype.button原创 2012-03-21 13:17:14 · 3452 阅读 · 0 评论 -
Extjs4.0 设置 Ext.data.Store 传参的请求方式
var Store = Ext.create('Ext.data.Store', { pageSize: pageSize, model: 'Ext.data.Model名称', autoLoad: false, proxy: { type: 'ajax', url: '请求路径', getMethod: function(){ return 'POST'; },//亮点,设置原创 2013-01-23 15:55:39 · 6351 阅读 · 2 评论 -
Extjs4.2 无限滚动 缓存渲染 Ext.grid.plugin.BufferedRenderer
尊重原创:http://blog.csdn.net/zdb330906531原创 2014-02-28 10:37:12 · 10697 阅读 · 4 评论 -
Extjs 3.X 和 Extjs 4.x 添加 编辑 删除 GridPanel行数据的区别
//Extjs 3.X 添加var record = new Ext.data.Record({id: '1',text: '你好!',});Grid.getStore().add(record);//Extjs 4.x 添加Ext.define('Record', {extend: 'Ext.data.Model',fields: [{ name:原创 2012-08-02 16:08:23 · 4297 阅读 · 0 评论 -
Extjs gridPanel 小计保存不上
我相信你已经知道怎么把其他数据合计到小计里面,但是批量保存后发现小计的数据在数据库里面压根就没有,是不是很扯蛋呢,废话不多说,上代码:{ header:'小计', dataIndex: 'c', renderer: function(value, metaData, record, rowIdx, colIdx, store, view) { var to原创 2016-05-27 21:01:01 · 5221 阅读 · 0 评论 -
Ext.util.Format.date与Ext.Date.format区别, 转换时间戳
在Extjs中装时间戳使用如下两种都可以: Ext.util.Format.date(time,'U'); Ext.Date.format(time, 'U'); 为了找到它们的区别,我们就要查看源代码: 以Extjs 4.2 为例 Ext.util.Format.date -> \src\util\Format.js 258date: function(v, format) {原创 2016-07-22 16:13:49 · 7331 阅读 · 0 评论 -
Ext.ux.form.SearchField 添加placeholder属性 2016年9月19日
效果如图: 思路: 设置两个变量,存放input的Id和placeholder值, 根据id更新input的placeholder值。inputId: '',placeholder : '',initComponent 函数最后添加me.inputId = me.id+'-inputEl';afterRender函数最后添加if(this.placeholder){ documen原创 2016-09-19 16:46:05 · 2522 阅读 · 0 评论 -
Extjs4 封装echarts组件 2016.8.31
Extjs4自带的图形报表不够强大,所以有了封装echarts的想法。 举个栗子: http://blog.csdn.net/zdb330906531/article/category/1105002 http://blog.csdn.net/zdb330906531/article/category/1105002 新建脚本文件Echarts.js,复制粘贴一下代码:Ext.defin原创 2016-08-31 16:47:01 · 3335 阅读 · 5 评论 -
extjs4 XTemplate 时间戳进行格式化处理
var testTpl = new Ext.XTemplate(['<tpl for="test">{[fm.date(new Date(parseInt(values.datatime)*1000),"Y-m-d")]}</tpl>']);//values你可以理解为每次循环的数据,而这里的values.datatime为时间戳//使用XTemplatetestTpl .overwrit原创 2016-12-25 10:40:01 · 2088 阅读 · 0 评论 -
Extjs4 封装dropzonejs组件 2016.12.29
原创 2016-12-29 12:35:21 · 888 阅读 · 0 评论 -
extjs4 右下角弹窗
/** * extjs4 右下角弹窗 */Ext.define('Ext.ux.Tip', { extend: 'Ext.Window', alias: 'widget.tip', autoClose: true, autoHeight: true, plain: false, draggable: false, s转载 2016-12-21 12:10:36 · 2247 阅读 · 0 评论 -
Extjs4 Ext.form.Panel loadRecord ajax数据
from组件的loadRecord是比较好使的方法,通过加载grid的行数据,可以直接赋值,这里不再多说。 下面我要说的是,from加载ajax的数据,代码如下Ext.Ajax.request({ url:'地址', method:'post', params:{ //参数 }, success: function(re, opts) { var resp...原创 2018-08-06 17:18:07 · 1019 阅读 · 0 评论