​效果图: app/view/Viewport.jsExt.define('App.view.Viewport', { extend: 'Ext.container.Viewport', layout: 'border', items: [ { itemId: 'menu', region: 'west',
转载 2013-09-05 21:47:00
175阅读
2评论
   公司没有前端,哥前后一起捞,没办法只有弄富客户端,发现extjsmvc模式不错,当然这种框架是重量级的,做管理系统还可以,如果访问量大系统还是建议原生html+css+javascript效率是最高的。    项目结构:        Ext.application({   &nb
原创 2014-05-19 22:42:57
809阅读
ExtJS MVC架构讲解本文地址 http://www.showframework.com/2012/07/extjs-mvc-architecture/本文PDF下载欢迎加入
转载 2023-05-17 21:05:08
296阅读
前言继上一节中简单的实现了登录之后​​​​,现在我们可以进行对登录界面进行再次的优化。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阅读
地址:://.showframework./2012/07/extjs-mvc-architecture/为了给自己加深点印象,
转载 2012-08-30 21:59:00
116阅读
2评论
FormPanel有两种布局:form和column,form是纵向布局,column为横向布局。默认为后者。使用layout属性定义布局类型。对于一个复杂的布局表单,最重要的是正确分割,分割结果直接决定布局能否顺利实现。如果不再使用默认布局,那么我们必须为每一个元素指定一种布局方式,另外,还必须遵...
转载 2014-06-30 09:47:00
67阅读
2评论
    周末两天又要去参加婚礼,但是同学带的本科生居然系统没通过,叫我帮写一个。都怪自己,在帮他们调试的时候,说自己在以前也写过两个项目,给本科生。系统要写两个的,一个打算用java swing写桌面的,一个打算用Struts2 + extjs + json+hibernate+mysql写web端。周2要交?两个晚上加一天+一个上午,天啊,挑战下自己也好吧。&nbs
原创 2023-05-10 10:51:29
77阅读
extjs的两种layout详解:form和column
转载 精选 2012-07-20 13:31:36
1087阅读
要区分登录前和登录后,判断Request的IsAuthenticated方法就可以。因为要通过服务器段代码执行不同的脚本,因而要将Loder这些公共代码抽出来独立在一个Script块里,而不同的脚本在不同的代码里,最终代码如下:<script type="text/javascript"> Ext.Loader.setConfig({
原创 2022-02-22 11:19:43
193阅读
1.Fit 布局  在Fit 布局中,子元素将自动填满整个父容器。注意:在fit 布局下,对其子元素设置宽度是无效的。如果在fit 布局中放置了多个组件,则只会显示第一个子元素。在Fit 布局中,子元素将自动填满整个父容器。典型的案例就是当客户要求一个window 或panel 中放置一个GRID 组件,grid 组件的大小会随着父容器的大小改变而改变。效果图:示例代码:Ext.create('E
转载 2017-05-10 16:13:33
444阅读
前言现在要考虑的是如何加载标签页内的内容。虽然标签页默认是延迟渲染的(deferredRender值默认为true),但是它会预加载所有的类,因而当类文件很多的时候,加载时间就是一大问题了。这个,也可通过SDK打包的方式解决,不过在设计阶段还是要考虑的。另一种好的解决方法是,只使用标签页的标签,而不使用其主体加载内容,另外使用一个容器,内部使用CardLayout作为布局.在这里,将展示另一种方式
原创 2022-02-22 11:27:59
165阅读
内容: 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阅读
 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阅读
/*//Viewport    function()    {     var vport=new Ext.Viewport(      {       enableTabScroll:false,       layout:"fit",//border       items:[         {title:"面板",html:"esfsdf",          tbar:[{text:"按
转载 2010-07-27 17:03:00
58阅读
2评论
所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext的所有容器组件都支持而局操作,每一个容器都会有一个对应的布局布局负责管理容器组件中子元素的排列、组合及渲染方式等。         ExtJS布局基类为Ext.layout.ContainerLayout,其它布局都是继承该类。ExtJS的容器组件包含一个layo
转载 精选 2011-07-22 14:20:44
680阅读
Ext布局总的来说是很灵活的,因此我觉得有必要一块探讨一下。 Ext常用的布局都在Ext.layout下,这里几乎涵盖了所有的布局方式(但是值得注意的是通常我们不是直接通过"new"来创建这些类的对象然后往里面添加控件使用,而
转载 2013-02-26 23:38:00
46阅读
前言为了防止意外情况,这里添加了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阅读
  • 1
  • 2
  • 3
  • 4
  • 5