Extjs4 开发经验
Extjs4 开发经验,自定义组件,开发技巧
重庆-传说
C#,JAVA,Python,PHP,Node.js,Sails.js,ExtJS,EasyUI,AngularJS,VueJS
展开
-
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 · 1599 阅读 · 3 评论 -
extjs4 grid combobox 联动
网上竟然找不到类似的解决方案,自己写一个吧 表格里面的下拉列表进行联动,根据一级目录的内容,显示二级目录(注意二级目录是动态变化的,这点很重要)解决思路: 1、获取要对比的combobox的store 2、展开联动的combobox时对比过滤监听GridPanel事件var record2 = null, //选中的记录 store2 = null;//要对比的store原创 2017-12-01 16:16:04 · 1866 阅读 · 3 评论 -
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 · 5662 阅读 · 0 评论 -
Extjs4 封装dropzonejs组件 2016.12.29
原创 2016-12-29 12:35:21 · 880 阅读 · 0 评论 -
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 · 2923 阅读 · 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 · 6336 阅读 · 2 评论 -
Extjs4.2 无限滚动 缓存渲染 Ext.grid.plugin.BufferedRenderer
尊重原创:http://blog.csdn.net/zdb330906531原创 2014-02-28 10:37:12 · 10684 阅读 · 4 评论 -
Extjs gridPanel 小计保存不上
我相信你已经知道怎么把其他数据合计到小计里面,但是批量保存后发现小计的数据在数据库里面压根就没有,是不是很扯蛋呢,废话不多说,上代码:{ header:'小计', dataIndex: 'c', renderer: function(value, metaData, record, rowIdx, colIdx, store, view) { var to原创 2016-05-27 21:01:01 · 5211 阅读 · 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 · 7319 阅读 · 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 · 3323 阅读 · 5 评论 -
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 · 2508 阅读 · 0 评论 -
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 · 1210 阅读 · 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 · 2233 阅读 · 0 评论 -
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 · 2072 阅读 · 0 评论 -
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 · 4289 阅读 · 0 评论 -
Extjs4 消息框 去掉 关闭按钮
效果如图,类似 Ext.Msg.alert(); 但没有关闭按钮由于Extjs4消息框中的关闭按钮,没有执行回调函数,点击关闭按钮后,直接关闭窗口。实现代码如下:Ext.Msg.show({ title : '系统提示', msg : 'Extjs4 去掉提示框右上角关闭按钮', buttons: Ext.Msg.OK, fn: showResult,原创 2012-04-28 16:25:03 · 4013 阅读 · 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 · 3434 阅读 · 0 评论 -
extjs extjs3 extjs4 htmleditor 引入自定义样式
想给 extjs3 的文本编辑框引入 自定义的样式,搜索无果,自己琢磨着给弄了出来,废话就不多说了,有兴趣的看下面代码:xtype: 'htmleditor',//引用自定义样式getDocMarkup: function () {return '';},html:'****'好了,我要的效果实现了。接下来,我给大家对比一下重写的函数:3.0版本getDo原创 2012-04-17 23:09:08 · 3470 阅读 · 1 评论