`
psbye
  • 浏览: 11483 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

Extjs4 MVC 示例

 
阅读更多




或多或少的参照了官方的一些代码
已完成的功能:
布局分成 上 中 下 ,
在框架加载后就设置默认面板,
完成了左树、带grid的tabpanel并实现了分页及查询,
具体例子去下面地址下载吧

功能的入口点是:底部的“政府信息公开”按钮

注:这只是一个框架,里面具体逻辑实现是由你们自己展现,里面该访问url的地方都用jsp来返回,具体要怎样返回值是由你们自己的需求定的。

工程是  MyEclipse 5.5 +

代码写的不够规范  建议去一些论坛查找相应教学视频  毕竟第一次接触Extjs是 E4版本的





下载地址1:http://download.csdn.net/detail/psbye/3747607

下载地址2:http://download.csdn.net/detail/psbye/3746910































  • 大小: 80.3 KB
  • cms.rar (1.9 MB)
  • 下载次数: 411
0
1
分享到:
评论
10 楼 zhaolei95 2013-05-24  
明白了,原来楼主改用的3.4版本的ext,。。资源很好,值得拥有。
9 楼 zhaolei95 2013-05-24  
树的数据加载没有看懂,GovInfoLeftBar.jsp这个文件什么调用也没有搞懂。望求解。
8 楼 psbye 2012-03-20  
xiejx618 写道
libocumt 写道
博主,你好,我运行的时候控制文件报这个错,不知道如何解决阿?谢谢了
this.getFrame is not a function

这段代码:
    //初始化框架UI
    initFrameUI:function(){
    	//添加头部导航
    	//添加中间欢迎面板
    	this.getFrame().getComponent('frame_center').add(Ext.create('Ext.panel.Panel',{title:'欢迎页面'}));
    	//添加底部工具面板
    	this.getFrame().getComponent('frame_south').add(Ext.create('Evecms.view.frame.FootBar',{id:'frame_footbar'}));
    },

兄弟你认真检查一下,因为在view.frame.Frame定义了alias:'widget.frame',这样你的应用就多了frame这种xtype,再在controller.frame.FrameControl定义了refs: [{ref: 'frame',selector: 'frame'}],这样就有了FrameControl就有了getFrame()方法。你下载4.1beta2版看Ext.app.Controller类就看到有refs这个config了,4.0.7版的api都没有看到有这个config

谢谢提出问题!因为这个是刚刚接触E4的 很多地方写法都不规范 都在摸索中,再加上公司怕有一定风险,现在改为3.4的弄  E4只能等有时间了再研究了
7 楼 psbye 2012-03-20  
kingjunzhang 写道
大哥 能不能把他改造成个ASP.NET的啊 我没学JAVA 万分感谢啊!!!CSDN上我给分

现在公司要求改为3.4  没研究4的了 抱歉,你可以去看一下其他论坛,现在好像出了这个教程视频
6 楼 psbye 2012-03-20  
libocumt 写道
博主,你好,我运行的时候控制文件报这个错,不知道如何解决阿?谢谢了
this.getFrame is not a function

这段代码:
    //初始化框架UI
    initFrameUI:function(){
    	//添加头部导航
    	//添加中间欢迎面板
    	this.getFrame().getComponent('frame_center').add(Ext.create('Ext.panel.Panel',{title:'欢迎页面'}));
    	//添加底部工具面板
    	this.getFrame().getComponent('frame_south').add(Ext.create('Evecms.view.frame.FootBar',{id:'frame_footbar'}));
    },

由于Extjs4刚出来没多久 公司怕会有一定风险,所以现在不用extjs4  改为3.4版本的
你这个问题现在不好判断
5 楼 xiejx618 2012-02-26  
libocumt 写道
博主,你好,我运行的时候控制文件报这个错,不知道如何解决阿?谢谢了
this.getFrame is not a function

这段代码:
    //初始化框架UI
    initFrameUI:function(){
    	//添加头部导航
    	//添加中间欢迎面板
    	this.getFrame().getComponent('frame_center').add(Ext.create('Ext.panel.Panel',{title:'欢迎页面'}));
    	//添加底部工具面板
    	this.getFrame().getComponent('frame_south').add(Ext.create('Evecms.view.frame.FootBar',{id:'frame_footbar'}));
    },

兄弟你认真检查一下,因为在view.frame.Frame定义了alias:'widget.frame',这样你的应用就多了frame这种xtype,再在controller.frame.FrameControl定义了refs: [{ref: 'frame',selector: 'frame'}],这样就有了FrameControl就有了getFrame()方法。你下载4.1beta2版看Ext.app.Controller类就看到有refs这个config了,4.0.7版的api都没有看到有这个config
4 楼 kingjunzhang 2012-02-03  
大哥 能不能把他改造成个ASP.NET的啊 我没学JAVA 万分感谢啊!!!CSDN上我给分
3 楼 libocumt 2012-01-27  
博主,你好,我运行的时候控制文件报这个错,不知道如何解决阿?谢谢了
this.getFrame is not a function

这段代码:
    //初始化框架UI
    initFrameUI:function(){
    	//添加头部导航
    	//添加中间欢迎面板
    	this.getFrame().getComponent('frame_center').add(Ext.create('Ext.panel.Panel',{title:'欢迎页面'}));
    	//添加底部工具面板
    	this.getFrame().getComponent('frame_south').add(Ext.create('Evecms.view.frame.FootBar',{id:'frame_footbar'}));
    },
2 楼 psbye 2011-11-02  
饶首建 写道
要积分,没积分了,为什么不在这儿就上传呢?

给自己的CSND加点分值...好吧 这里我附件加上
1 楼 饶首建 2011-11-02  
要积分,没积分了,为什么不在这儿就上传呢?

相关推荐

    extJs4.2MVC示例

    严格按照MVC架构分的曾,可以运行的extJs4.2MVC示例,在myclipse加到一个项目里的的webroot文件夹下,运行index.html即可

    ExtJS6 MVC 精简示例

    最新版本,ExtJS6 MVC 精简示例!!!,一个可以参考的小例子!

    extjs4.0 MVC 示例代码

    下面将详细探讨EXTJS 4.0中的MVC概念以及在示例代码中可能涉及的关键知识点。 **1. MVC模式概述** MVC模式是一种软件设计模式,用于将业务逻辑、用户界面和数据存储分离。在EXTJS 4.0中,模型(Model)负责管理数据...

    extjs mvc简单示例

    ExtJS MVC简单示例 在Web开发中,ExtJS是一个强大的JavaScript库,用于构建富客户端应用程序。它提供了丰富的UI组件和强大的数据管理功能。而MVC(Model-View-Controller)设计模式是ExtJS中组织代码和管理应用程序...

    extjs4Mvc事例

    这个压缩包文件"Ext4Mvc"可能包含了源代码、示例应用程序、文档或教程,这些都是为了帮助开发者更好地理解和实践ExtJS 4 MVC。通过分析和运行这些示例,你可以深入学习如何在实际项目中有效地应用这一技术,提升你的...

    Extjs4 MVC 官方实例整合 未改动 未删减 部署即可运行

    在ExtJS 4中,MVC(Model-View-Controller)设计模式是其核心架构,用于组织和管理应用程序的逻辑。这个官方实例集是ExtJS 4 MVC模式的一个完整展示,旨在帮助开发者理解并掌握如何使用MVC进行开发。 **MVC模式详解...

    Extjs 4 MVC Demo 示例

    原本是打算采用EXTJS4 的MVC做应用框架,已完成左侧树菜单、tabpanel(内嵌Grid,带查询及分页功能) 但是由于网络上的相关文章太少,公司对这个框架提出疑问,以后会不会遇到问题,所以改用ext3了...唉

    ExtJS MVC示例

    ExtJS MVC示例是基于ExtJS 4.2.0框架的一个典型应用场景,它展示了如何在Web应用中利用MVC(Model-View-Controller)设计模式进行开发。MVC模式是一种软件设计模式,用于分离应用程序的数据、用户界面和逻辑控制,以...

    Extjs 4 MVC Demo 示例 2分

    原本是打算采用EXTJS4 的MVC做应用框架,已完成左侧树菜单、tabpanel(内嵌Grid,带查询及分页功能) 但是由于网络上的相关文章太少,公司对这个框架提出疑问,以后会不会遇到问题,所以改用ext3了...唉

    ExtJS的MVC模式

    在`ExtJS_MVC_Demo`这个压缩包中,可能包含了演示如何使用ExtJS 4.0.7实现MVC模式的各种示例代码。这些示例可能包括模型定义、视图组件的创建、控制器的编写以及应用的配置等。通过学习和分析这些示例,开发者可以更...

    ExtJs 4.1 mvc 简单示例

    在这个"ExtJs 4.1 mvc 简单示例"中,我们将深入探讨如何在ExtJS 4.1中应用MVC模式来创建一个简单的应用程序。 首先,让我们来看看核心组件: 1. **index.html**:这是Web应用的入口点,通常包含HTML结构以及必要的...

    Extjs4 MVC开发笔记源码

    ExtJS 4是一款基于JavaScript的富客户端框架,用于构建交互式Web应用。MVC(Model-View-Controller)...本源码提供了实际的开发示例,通过学习和研究,可以帮助开发者深入理解ExtJS 4 MVC模式,并应用于自己的项目中。

    ExtJS4.2 MVC

    解压后直接在浏览器打开,你将能看到一个运行中的ExtJS MVC示例。这个例子可能展示了如何创建一个数据网格(Grid Panel),展示库存(Inventory)数据,用户可以进行增删查改操作,而这些操作由控制器处理,同时通过...

    Extjs 4.2.0 MVC 架构 官方文档例子中文

    ### Extjs 4.2.0 MVC 架构详解及官方文档中文示例 #### 一、文件结构 在Extjs 4.2.0中,为了更好地组织和管理代码,采用了一种标准的文件结构。这种结构不仅有助于提高代码的可读性和可维护性,还能确保团队成员...

    ExtJS 4 MVC

    ExtJS 4 MVC是一个强大的前端开发框架,它利用模型-视图-控制器(Model-View-...MVCWithExtJS4这个压缩包文件可能包含了实现这些概念的示例代码,通过学习和研究这些代码,你将能够更好地掌握Ext JS 4的MVC架构。

    [ExtJS] MVC应用架构示例

    【ExtJS】MVC应用架构示例 在Web开发领域,ExtJS是一个强大的JavaScript库,用于构建复杂的、数据驱动的用户界面。它采用MVC(Model-View-Controller)架构模式,这是一种设计模式,用于组织应用程序的代码,使其更...

    自己写的ExtJS4.0用MVC的示例

    在这个示例中,我们将会深入探讨如何在ExtJS 4.0中运用MVC模式。 首先,MVC模式是软件设计的一个经典模式,它将应用程序分为三个主要部分:模型(Model)、视图(View)和控制器(Controller)。在ExtJS 4.0中,这...

    extjs在ASP.NET MVC4的使用

    在"extjs在ASP.NET MVC4的使用"这个主题中,我们主要关注的是如何在MVC4项目中集成和利用ExtJS的功能。以下是一些关键知识点: 1. **创建ASP.NET MVC4项目**:首先,我们需要创建一个新的ASP.NET MVC4项目。在...

    Extjs4 MVC模式浅析.pdf

    《Extjs4 MVC模式浅析》 Extjs4在开发大型客户端程序时,引入了MVC(Model-View-Controller)架构,以解决代码组织和维护的难题。MVC架构是一种设计模式,它将应用程序分为三个主要部分:模型(Model)、视图(View...

Global site tag (gtag.js) - Google Analytics