Extjs4
Sloan_JCY
这个作者很懒,什么都没留下…
展开
-
ExtJS Grid 每个Cell都显示tooltip
在Ext JS 3.x 中,如果为GridPanel中的每个Cell都显示tooltip时,而内容是就Cell内容时,有一种比较好的方法就是官网推荐的【Ext JS 3.x\src\widgets\tips\ToopTip.js】中的第90行到108行的例子,如下所示 Js代码 var myGrid = new Ext.grid.GridPanel(gridC转载 2015-09-05 11:48:19 · 714 阅读 · 0 评论 -
extjs4中的store
直接上代码:方式一,装载modelExt.onReady(function(){ //启动自动装载 Ext.Loader.setConfig({ enabled:true }); //定义model Ext.define('person',{ extend:'Ext.data.Model', fields:[ {name:'name',type:'st原创 2013-11-21 09:40:44 · 2168 阅读 · 0 评论 -
ext 树节点的一些常用操作
1、全部展开 tree.expandAll();2、全部收缩 tree.collapseAll();3、得到父节点 node.parentNode4、判断是否有父节点 node.parentNode==null5、判断是否有子节点 node.hasChildNodes()6、获取下一级所有子节点 node.eachChild(function(child) { })7、获取转载 2013-12-05 10:52:27 · 1123 阅读 · 0 评论 -
Ext中tree组件的一些属性和方法
1、Ext.tree.TreePanel 主要配置项: root:树的根节点。 rootVisible:是否显示根节点,默认为true。 useArrows:是否在树中使用Vista样式箭头,默认为false。 lines:是否显示树线,默认为true。 loader:树节点的加载器,默认为Ext.tree.TreeLoader。 selModel:树的选择模式,默转载 2013-12-05 10:54:05 · 893 阅读 · 0 评论 -
Extjs4中tree的拖拽功能(可以两棵树之间拖拽)
//只要要在treepanel中配置一下viewConfig即可,如果是两棵树之间,两棵树都要配置 viewConfig:{ plugins :{ ptype:'treeviewdragdrop', appendOnly:true //只能拖着带非叶节点上 }, listeners:{//监听器 drop:function(node,data,ove原创 2013-12-05 14:16:26 · 3057 阅读 · 0 评论 -
Extjs4中tab打开,关闭再打开不显示或显示重叠问题的解决方法
1.设置TabPanel的autoDestroy: false ,//当关闭tab的时候不销毁,只是隐藏2.看具体代码:我就是用以下方法实现的,肯定能行 var funPanel=Ext.getCmp(record.get('id'));//这里的id千万不要跟其他组件相同 if(!funPanel){ funPanel=mainView.add({原创 2013-12-04 10:26:28 · 1963 阅读 · 0 评论 -
ExtJs4 MVC 提高加载速度 动态加载Controller
公司项目使用ExtJs4 MVC搭建的页面 由于系统庞大导致首次加载页面时间过长,公司要求优化,经过一段时间的研究实现ExtJs4 MVC 根据要求动态加载所需组件的js文件,也就是动态加载相应的Controller文件,其他文件会自动引用。以下列出实现的Demo关键代码和效果。(不对MVC整体框架进行详细介绍)建立测试Demo目录程序入口: 1 Ext.Loade转载 2013-12-09 15:17:53 · 998 阅读 · 0 评论 -
如何更优雅的实现ExtJS的前端MVC模式下一个App多个Controller的动态加载
注:文中ExtJS主要指ExtJS 4.1版本,若有不当之处,烦请给予指正,谢谢!最近有些朋友总是在问“怎么实现ExtJS的前端MVC模式下一个App多个Controller的动态加载”,也看了一些网友的实现,总的来说,我认为有必要跟大家分享一下我们目前的实现方法,所以,趁着中午休息的空闲,草拟了这篇随笔,跟大家一起探讨一下“如何更优雅的实现ExtJS的前端MVC模式下一个App多个Contr转载 2013-12-09 11:03:14 · 1579 阅读 · 0 评论 -
Extjs4中grid的增删改操作
Ext.define('JCY.app.controller.UserController',{ extend:'Ext.app.Controller', alias:'widget.userController', init:function(){ this.control({ 'gridView':{beforerender:this.beforerender} });原创 2013-12-03 13:34:22 · 1585 阅读 · 0 评论 -
Extjs4中layout的使用二
2.5Anchor锚点布局[Ext.layout.container.Anchor]根据容器的大小为其子元素进行的布局和定位1.百分比2.偏移量3.参考边Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create('Ext.Panel', { width: 500, height: 500,原创 2013-11-27 14:19:36 · 1004 阅读 · 0 评论 -
Extjs4中点击按钮弹跳出表单功能
要点:表单得放在window控件里Ext.define('JCY.app.view.AddUserForm',{ extend:'Ext.window.Window',//表单放在弹出窗里 alias:'widget.addUserForm', title:'添加', width:360,//要比表单的宽高大一点 height:230, layout : 'fit', modal原创 2013-12-02 15:12:25 · 1573 阅读 · 0 评论 -
Extjs4中通过点击不同的按钮加载不同的tree
'northView button[id=produce]':{//通过设置treepanel的proxy就行 click:function(btn){ var west=Ext.getCmp('west'); var west1=west.down('treepanel'); var store=west1.getStore(); store.se原创 2013-12-09 09:53:34 · 1596 阅读 · 0 评论 -
Extjs4中的分页使用(前后台结合)
前台部分:Ext.define('GS.system.role.store.RoleGridStore',{ extend:'Ext.data.Store', model:'GS.system.role.model.RoleGridModel', id:'roleStoreId', pageSize:4,//分页大小 proxy:{ type:'ajax', url:'/gs原创 2013-12-12 16:12:37 · 1212 阅读 · 2 评论 -
对于Extjs4中的tree无法显示根节点的问题
1.如果你是从后台传得数据,那么需要在定义store的时候加上root属性,如下:Ext.define('JCY.app.store.Right',{ extend:'Ext.data.TreeStore', proxy:{ type:'ajax', url:'/Extjs4/menuAction!getRightList.action', reader:{ type:'原创 2013-12-06 14:44:51 · 2347 阅读 · 0 评论 -
Extjs4中tree组件查找所有父节点和查找所有子节点的递归方法
/*******************子节点和父节点级联操作************************/ 'giveRightToRole treepanel':{ checkchange:function(node,checked,options){ //遍历孩子,递归实现找到所有孩子节点 var allChild=function(node,flag)原创 2013-12-06 14:35:27 · 4249 阅读 · 0 评论 -
Ext.关于textfield的键盘事件的监听
Ext的键盘监听: var textfield = { xtype:'textfield', fieldLabel:'姓名', enableKeyEvents:true, listeners:{ keyup:function(textField, e){转载 2015-01-20 09:14:52 · 4161 阅读 · 0 评论 -
Extjs中的分组
Ext.onReady(function(){ Ext.QuickTips.init(); var data = [ [1,'张一','1987-09-28','机械制造工程系','数控设备运用与维护'], [2,'张二','1985-05-09','机械制造工程系','数控设备运用与维护'], [3,'张三','1986-09-10','机械制造工程系','数控设备运用与维护转载 2015-01-13 23:07:08 · 628 阅读 · 0 评论 -
Ext中获取combobox中的valueField和displayField的值
Extjs代码 Ext.getCmp("schemaVersion").value //取到的是valueField 的值 Ext.getCmp("schemaVersion").value //取到的是valueField 的值Extjs代码 Ext.get('schemaVersion').dom.value //取到的是displayField 下拉框combo可以设置转载 2014-12-23 23:18:14 · 10061 阅读 · 0 评论 -
store加载前和加载后事件
this.store = new Ext.data.JsonStore({ aotuLoad : false, proxy : new Ext.data.HttpProxy({ url : 'http://localhost/CHYGHCoreService/REST/ZSCHY.svc/PacketStatistics', method : 'GET' }), bas原创 2014-05-24 11:46:55 · 2809 阅读 · 0 评论 -
extjs3中重新加载 grid的数据,修改URL
This.store.proxy= new Ext.data.HttpProxy({ url : 'http://localhost/CHYGHCoreService/REST/ZSCHY.svc/ProjectSearch', method : 'GET' })原创 2014-06-03 15:10:06 · 1658 阅读 · 0 评论 -
Ext3.0中复杂表头例子
注意要点:不出现滚动条时要设置height和原创 2014-05-09 15:49:50 · 2106 阅读 · 0 评论 -
Extjs4 获取datefield时间格式问题
后台action中获取到的为“2012-03-05T00:00:00”。 查了查API,发现datefield有个配置字段: submitFormat : StringThe date format string which will be submitted to the server.The format must be valid according to E转载 2014-02-11 17:11:29 · 2019 阅读 · 0 评论 -
Extjs4中Form之时间选择器timefield
Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create("Ext.form.Panel",{ title:'本地combobox实例', renderTo:'formDemo', bodyPadding:'5 5 5 5', height:100, width:270, frame:true, default原创 2013-11-25 14:35:41 · 4474 阅读 · 0 评论 -
Extjs4中tree组件子节点和父节点的级联操作
'giveRightToRole treepanel':{ /*******************子节点和父节点级联************************/ checkchange:function(node,checked,options){ if(node.data.leaf == false){ if(checked){ //打开原创 2013-12-05 09:52:41 · 2790 阅读 · 0 评论 -
将list转换为json失败
估计你是用的hibernate的自动注解,并且里面有一对多,多对一的关系,这是需要在不需要的字段上加上注解@JsonIgnore,这样的话在list转json的时候就会忽略加上@JsonIgnore的字段原创 2013-12-17 09:20:44 · 1110 阅读 · 0 评论 -
extjs4中的tree的使用
Ext.define("AM.view.deptView",{ extend:'Ext.tree.Panel', alias: 'widget.deptTree', title : '部门树形', width : 250, height: 300, padding : '5 3 3 10', rootVisible : fals原创 2013-11-21 16:35:08 · 1170 阅读 · 0 评论 -
Extjs4中Ext下的一些常用方法
var onl = function(){ //alert("2 我是呗body的onload事件调用的")}Ext.onReady(function(){ //1.onReady 这个个方法里面的第一个参数(funcion)他执行在页面文件按加载完毕之后和onload完成之后. //alert("3 extjs") //2.通过类似XML的选测方式来查询我们的节点 var ar原创 2013-11-27 15:09:47 · 728 阅读 · 0 评论 -
extjs4中的grid用法
Ext.onReady(function(){ Ext.QuickTips.init();//标准初始化 //创建表格时要用表格的面板 var grid=Ext.create('Ext.grid.Panel',{ title:'grid_demo',//标题 frame:true,//面板渲染 //forceFit:true,//自动填充panel空白处 width:600,原创 2013-11-21 14:45:46 · 1655 阅读 · 0 评论 -
Extjs4中的Form之submit和load的使用
Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create("Ext.form.Panel",{ title:'本地load实例', renderTo:'formDemo', bodyPadding:'5 5 5 5', height:300, width:400, frame:true, defaults:{原创 2013-11-25 15:07:39 · 2618 阅读 · 0 评论 -
Extjs4中的Form之下拉列表combobox的使用二(remot模式)
Ext.onReady(function(){ Ext.QuickTips.init(); //部门类 Ext.define("department",{ extend:'Ext.data.Model', fields:[ {name:'name'}, {name:'id'}, {name:'c'} ] }); var st = Ext.create("Ex原创 2013-11-25 14:25:19 · 1074 阅读 · 0 评论 -
Extjs中的Form之trigger
Ext.onReady(function(){ var textFomr = Ext.create("Ext.form.Panel",{ title : "form中文本框触发器的实例", bodyStyle :'padding:5 5 5 5', frame : true, height : 250, width : 400, id:'my_form', rend原创 2013-11-25 13:17:44 · 1556 阅读 · 0 评论 -
Extjs4中的Form之radiogroup和checkboxgroup
Ext.onReady(function(){ var textFomr = Ext.create("Ext.form.Panel",{ title : "form中文本框选框的实例", bodyStyle :'padding:5 5 5 5', frame : true, height : 250, width : 400, id:'my_form', render原创 2013-11-25 13:15:20 · 1457 阅读 · 0 评论 -
Extjs4Form之Number
Ext.onReady(function(){ var textFomr = Ext.create("Ext.form.Panel",{ title : "form中文本框数字框的实例", bodyStyle :'padding:5 5 5 5', frame : true, height : 250, width : 400, id:'my_form', rend原创 2013-11-25 10:56:28 · 761 阅读 · 0 评论 -
Extjs4中的Form之TextArea
Ext.onReady(function(){ var textFomr = Ext.create("Ext.form.Panel",{ title : "form中文本框大文本的实例", bodyStyle :'padding:5 5 5 5', frame : true, height : 250, width : 400, id:'my_form', rend原创 2013-11-25 10:37:22 · 1971 阅读 · 0 评论 -
Extjs4中的Form之Radio和Checkbox
Ext.onReady(function(){ var textFomr = Ext.create("Ext.form.Panel",{ title : "form中文本框选框的实例", bodyStyle :'padding:5 5 5 5', frame : true, height : 250, width : 400, id:'my_form', render原创 2013-11-25 13:11:21 · 2049 阅读 · 0 评论 -
Extjs4中的form使用一
一个简单的登录表单:Ext.onReady(function(){ //model Ext.define("person",{ extend:'Ext.data.Model', fields:[ {name:'userName',type:'auto'}, {name:'password',type:'auto'} ] }); var p = new person(原创 2013-11-22 11:13:16 · 1230 阅读 · 0 评论 -
Extjs4框架的搭建
头部、菜单、内容区及底部则完全分离成4个JS文件,我们将先实现这几个文件的基础功能,由于使用的是Extjs4,所以我们一定要使用Extjs4 动态加载功能。来动态加载这些文件。本文内容已经重新更新,旧版请查看:www.mhzg.net/a/20116/201162913210280-old.html由于最近老出差,所以代码无法及时更新。导致近一周都没有更新。废话不多说了,上篇文章建立了转载 2013-11-23 13:45:14 · 1249 阅读 · 0 评论 -
Extjs4入门学习(create、define、mixins、extend)
1.利用create来创建windowExt.onReady(function(){ var win=Ext.create('Ext.Window',{ width:800, height:600, title:'first' }); win.show();});2.利用define来自定义类(其中extend是继承) Ext.define('myWin',原创 2013-11-20 10:25:08 · 2139 阅读 · 0 评论 -
Extjs数据模型model的使用
1.利用Ext.regModel创建模型,也可以用define但要继承Ext.data.Model类(extjs中model相当于java中的class) Ext.regModel('user',{ fields:[ {name:'name',type:'auto'}, {name:'age',type:'int'} ] });2.创建model原创 2013-11-20 11:14:16 · 1982 阅读 · 0 评论 -
Extjs4中的Form之下拉列表combobox的使用
Ext.onReady(function(){ Ext.QuickTips.init(); //部门类 Ext.define("department",{ extend:'Ext.data.Model', fields:[ {name:'name'}, {name:'id'} ] }); var st = Ext.create("Ext.data.Store",{原创 2013-11-25 13:46:49 · 3159 阅读 · 0 评论