Extjs4从零开始
对于Extjs4的一些常用方法整合归纳,适合新手学习
Sloan_JCY
这个作者很懒,什么都没留下…
展开
-
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 · 1195 阅读 · 2 评论 -
Extjs4中如何获取组件(通过ID或通过Name)
Extjs4中如何获取组件(通过ID或通过Name)通过Id方式:Ext.getCmp('my_form');通过组件名称:this.up('form').getForm();//获取表单原创 2013-11-27 11:07:28 · 13288 阅读 · 1 评论 -
Extjs4中表单登录功能,实现登录成功跳转页面
Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create('Ext.form.Panel',{ title:'form2', width:300, height:200, frame:true, renderTo:'formDemo', defaultType:'textfield', defaults:{原创 2013-11-27 09:48:57 · 4325 阅读 · 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 · 1543 阅读 · 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 · 1568 阅读 · 0 评论 -
Extjs4中tree的拖拽功能(可以两棵树之间拖拽)
//只要要在treepanel中配置一下viewConfig即可,如果是两棵树之间,两棵树都要配置 viewConfig:{ plugins :{ ptype:'treeviewdragdrop', appendOnly:true //只能拖着带非叶节点上 }, listeners:{//监听器 drop:function(node,data,ove原创 2013-12-05 14:16:26 · 3049 阅读 · 0 评论 -
对于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 · 2317 阅读 · 0 评论 -
Extjs4中form表单提交后无法进入success函数的问题
1.首先得确定json格式没问题2.在返回的json中一定得加上success为true,因为只有为true,才会进入success函数原创 2013-11-26 16:00:11 · 1760 阅读 · 0 评论 -
创建Spinner的步骤
1.在布局文件中声明Spinner控件: <Spinner android:id="@+id/Myspinner" android:layout_width="fill_parent" android:layout_height="wrap_content"/> 2.在string.xml中声明一个数组:(这种方式数据是写死了的,不灵活) 金星原创 2013-11-18 16:43:37 · 2267 阅读 · 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 · 1643 阅读 · 0 评论 -
Extjs4中tree组件子节点和父节点的级联操作
'giveRightToRole treepanel':{ /*******************子节点和父节点级联************************/ checkchange:function(node,checked,options){ if(node.data.leaf == false){ if(checked){ //打开原创 2013-12-05 09:52:41 · 2777 阅读 · 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 · 2163 阅读 · 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 · 1938 阅读 · 0 评论 -
如何更优雅的实现ExtJS的前端MVC模式下一个App多个Controller的动态加载
注:文中ExtJS主要指ExtJS 4.1版本,若有不当之处,烦请给予指正,谢谢!最近有些朋友总是在问“怎么实现ExtJS的前端MVC模式下一个App多个Controller的动态加载”,也看了一些网友的实现,总的来说,我认为有必要跟大家分享一下我们目前的实现方法,所以,趁着中午休息的空闲,草拟了这篇随笔,跟大家一起探讨一下“如何更优雅的实现ExtJS的前端MVC模式下一个App多个Contr转载 2013-12-09 11:03:14 · 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 · 1591 阅读 · 0 评论