ExtJs

Extjs MVC开发模式详解

在JS的开发过程中,大规模的JS脚本难以组织和维护,这一直是困扰前端开发人员的头等问题。Extjs为了解决这种问题,在Extjs 4.x版本中引入了MVC开发模式,开始将一个JS(Extjs)应用程序分割成Model-View-Controller三层,为JS应用程序的如何组织代码指明了方向,同时使得大规模JS代码变得更加易于重用和维护;这就是Extjs MVC开发模式的初衷。

在官方给出的MVC例子中,我们可以看到一个简单的列表编辑功能,这篇文章就围绕这个功能进行详细的讲解,让我们一起来揭开Extjs MVC的神秘面纱!

本文的示例代码适用于Extjs 4.x和Extjs 5.x,在Extjs 4.2.1 和Extjs 5.0.1中亲测可用!

针对多种设备定制ExtJS 5应用程序

概述


鉴于当今设备和表单因素的扩散,要针对所有这些可能性来优化应用程序已经变得越来越复杂。虽然可以使用CSS响应这些环境条件,但典型的,如Ext JS应用程序这样,还是要包含大量的Javascript。在某些情况下,使用javascript来针对设备细节进行编码可能很简单,但也可能很快就会失控。好消息是,在Ext JS 5.1,提供了几个功能强大的工具来管理这种复杂性。

在先前的文章已经介绍了许多这样的技术。这有助于去了解与比较他们之间的异同,以便于选择适合的工具来完成手头的工作。

ExtJS 5.1 Beta版

ExtJS 5.1 Beta版 下载

包括:

  • 所有源代码
  • HTML
  • 示例

官方下载地址:
http://www.sencha.com/products/extjs/#try

百度网盘下载地址:
http://pan.baidu.com/s/1i3xKGhZ

ExtJS 5.1 Beta版发布

概述


我们很高兴的宣布,ExtJS 5.1 beta发布了。自从ExtJS 5.0.1,我们一直在努力添加一些令人兴奋的和一些在Sencha社区反映强烈的新功能。ExtJS 5.1为网格(Grid)配备了全新的选择模式(电子表格模型),还包括其他新的组件和增强,如三维柱形图和三维条形图,增强的部分包括画图吧、颜色选取器和评分小部件。我们非常欢迎你们你们到我们的论坛参与ExtJS 5.1beta版本的测试,让这些令人兴奋的新功能达到实用性。

了解ExtJS 5的小部件

在Ext JS 5,引入了新的“widgetcolumn”,支持在网格的单元格中放置组件。同时,还在Ext JS 5引入了一种新的被称为“小部件”的轻量级组件。在Ext JS 5中,已包含了几个小部件,在本文将告诉你如何轻松的去打造自己的小部件。

为了说明其中的关键概念,在文中将创建一个简单的名为“ratings”的如下图所示的小部件:


聚合内容