地址:://.showframework./2012/07/extjs-mvc-architecture/为了给自己加深点印象,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2012-08-30 21:59:00
                            
                                116阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            ExtJS MVC架构讲解本文地址 http://www.showframework.com/2012/07/extjs-mvc-architecture/本文PDF下载欢迎加入            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-17 21:05:08
                            
                                296阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
               公司没有前端,哥前后一起捞,没办法只有弄富客户端,发现extjs的mvc模式不错,当然这种框架是重量级的,做管理系统还可以,如果访问量大系统还是建议原生html+css+javascript效率是最高的。    项目结构:        Ext.application({
  &nb            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2014-05-19 22:42:57
                            
                                809阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            要区分登录前和登录后,判断Request的IsAuthenticated方法就可以。因为要通过服务器段代码执行不同的脚本,因而要将Loder这些公共代码抽出来独立在一个Script块里,而不同的脚本在不同的代码里,最终代码如下:<script type="text/javascript">            Ext.Loader.setConfig({                           
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-22 11:19:43
                            
                                193阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言继上一节中简单的实现了登录之后,现在我们可以进行对登录界面进行再次的优化。MemerShip配置 首先打开Web.Config文件,在configuration段内添加一个数据库连接定义,代码如下:<connectionStrings>    <add name="ConnectionString" connectionString="Data Source=MWVC            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-22 11:16:55
                            
                                256阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言在4.1的时候,要先创建一个扩展于Ext.app.Application的类,然后用create创建它的实例来开始应用程序的。而在4.1.1,则可直接调用application方法开始执行应用程序,简化了。调用application方法,其参数是一个配置对象,主要配置项有以下三个:name:用来定义应用程序的名称,在这里是ExtMVCOne。appFolder:应用程序的路径,这里是scrip            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-22 11:20:49
                            
                                428阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            hello-extjs --> 普通链接1 普通链接2 普通链接3 event.js/** * */function btnClick(btn,e){ var win = new Ext.Window({ title:"win_" + btn.text, width:300, height:200 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-09-01 17:29:00
                            
                                238阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Ext版本:4.2.1从原生的浏览器事件处理开始HTML元素如下:<input id ='test' type='button' value='click me'>事件处理如下:/** 浏览器原生的事件机制 */
var e = document.getElementById("test            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-01-30 10:08:16
                            
                                920阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Grid的数据源是store,我们有时需要做点击某一个项而触发一定的事件,在这个处理过程中,我们不免需要得到点击的那个 我们只需要_grid.addListener('celldblclick',func...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2011-06-26 07:54:31
                            
                                128阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言现在要考虑的是如何加载标签页内的内容。虽然标签页默认是延迟渲染的(deferredRender值默认为true),但是它会预加载所有的类,因而当类文件很多的时候,加载时间就是一大问题了。这个,也可通过SDK打包的方式解决,不过在设计阶段还是要考虑的。另一种好的解决方法是,只使用标签页的标签,而不使用其主体加载内容,另外使用一个容器,内部使用CardLayout作为布局.在这里,将展示另一种方式            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-22 11:27:59
                            
                                165阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ExtJs事件处理 Ø         非常基础的例子想象一下这样一个例子,当用户点击一个链接时,你想向他显示一则警告信息。请继续往下看,因为在开始处理事件前你也许想知道更多。var el = Ext.get(somelink);el.on(click, function(){    alert(you click on a link);});注意,在这里我们使用了            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-12 11:22:24
                            
                                146阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             extjs mvc 架构 
有别于其他的MVC架构,EXTJS 有自己的定义
Model : 一个field 以及 他的data的集合。 Modles 知道如何持久化自己一般使用Stores 来表示数据以用于grids等component
View: 一种component的类型,grids,trees 以及panels等
Controller用来放使得app工作的代            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2011-05-10 22:33:28
                            
                                9162阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            完整的extjs mvc demo代码,留作备份。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-11-20 01:28:01
                            
                                51阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            内容: 1. 文件结构 2. 创建项目 3. 定义控制器 4. 定义视图 5. 控制Grid 6. 创建Model和Store 7. 通过Model保存数据 8. 保存到服务器端 大型客户端程序通常都难写,难组织,难以维护。项目经常由于增加功能,增加开发人员而很快失控。Ext JS 4提出新的项目结构,不仅组织你的代码,并且减少代码量。我们的系统结构延续“类MVC模式”,第一次引入Models(模型)和Controllers(控制器)的概念。现在有很多MVC架构,他们或多或少有细微差别。以下是我们对MVC的定义:Model是字段和对应数据的组合(例如User Model有username和p.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-08-04 21:52:00
                            
                                347阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言继上一节中实现了验证码现在我们可以进行对登录界面进行整合调试了。正题打开系统的首页页面文件,Views\Home目录下的Index.cshtml文件。要动态加载登录窗口,需要先设置好加载路径,因而在onReady函数前面加入以下代码:Ext.Loader.setConfig({    enabled: true,    paths: {        'Ext.ux': 'script            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-22 11:12:19
                            
                                177阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            先来完成树目录的显示。开始前,现在解决方案中创建一个Upload目录用来存放上传的图片,为了便于测试,在Upload目录下随便添加两个目录,这里添加1和2。好,现在创建一个名为FolderController的控制器,添加必要的引用后,先添加一个字符串常量,用来表示根目录:string root = "../upload";在这里使用虚拟目录是因为可以结合提交数据直接转换为实际目录。这里要注意,当            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-22 11:27:13
                            
                                171阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            现在要完成目录的编辑操作。因为目录的编辑只是改变目录名称,因而使用Cellediting插件就可完成工作。要完成这个不难,首先在目录树的定义中加入以下语句隐藏列标题:hideHeaders: true,接着添加plugins配置项来配置CellEditing插件。因为根目录是不运行编辑的,因而需要监听beforeedit事件,如果当前选择节点是根目录就返回false,不允许编辑,代码如下:plug            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-22 11:29:45
                            
                                116阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            现在来实现排序的问题。要实现远程排序,首先要清楚的是排序信息是如何提交到服务器的,而这个,利用FireBug相当简单。在VS,切换到PicManager.js文件,找到filestore的定义,先将renmoteSort修改为true。然后添加sorters配置项,代码如下:sorters: [                { property: "modify", direction: "DE            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-22 11:30:43
                            
                                175阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言为了防止意外情况,这里添加了try模块,在错误的时候会将错误信息作为Msg关键字的值返回。而在客户端脚本,目前是没有处理错误信息的代码的,因而在这里返回的错误信息,客户端是看不到。如果要处理这样的错误信息,就要在Store的Proxy中监听exception事件。因为exception事件的回调函数是一致的,因而可以统一到一个函数中处理,就不用复制再复制了。先切换到Index.cshtml,在            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-22 11:22:39
                            
                                201阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            首先要做的是为用户信息创建一个模型,在Scripts\app\model目录下创建一个名为User.js的文件,然后添加以下模型定义代码:Ext.define('ExtMVCOne.model.User', {    extend: 'Ext.data.Model',    fields: [    "id",    { name: "Username", defaultValue: "newus            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-22 11:25:47
                            
                                212阅读