ext-ui.com

Sencha Touch 视频 - Sencha Touch 介紹

Posted 周日, 04/05/2015 - 02:03 by admin

来自台湾陳慧鴻老师的作品,介绍得很详细;

普通话版, 很适合我这样英文不好的同学观看;

在 ExtJS 中使用 Font Awesome

Posted 周一, 03/30/2015 - 01:26 by admin

Font Awesome 是目前最流行的图标方案之一，是一套优质的图标字体库以及 CSS 图标框架。相对于传统的图片作为图标，字体图标支持自适应调节大小、可以使用字体的一些特性调整风格（颜色、大小、字体阴影）、更小的文件体积。

下载 Font Awesome

根据你或者项目的编程习惯，你可以通过以下几种方式获取最新版的 Font Awesome：

  1. 到 Font Awesome 项目主页， 点击 Download 按钮下载最新版本。
  2. 到 Font Awesome Github 主页， 下载最新版本或者 git clone 下来。
  3. 如果项目组有使用 bower 来管理第三方包，那么可以通过 bower install fontawesome 来获取 Font Awesome。

Font Awesome 的目录结构是这样，css 是 Font Awesome 提供的 CSS 类， fonts 内就是图标的字体文件，不同的格式是为了兼容不同的浏览器，并且新版本开始支持 SVG 的形式。less 和 scss 是用来管理 css 的。

升级到 ExtJS 5的过程记录

Posted 周一, 03/30/2015 - 01:22 by admin

最近为公司的一个项目创建了一个 ExtJS 5 的分支，顺便记录一下升级到 ExtJS 5 所遇到的问题以及填掉的坑。由于 Sencha Cmd 的 sencha app upgrade 命令无法正常地讲项目升级至 ExtJS 5 （或许是方式不对） ，所以我的做法是新建一个 ExtJS 5 的项目，然后把 app 包拷贝过去，然后慢慢修复报错的东西，直到项目可以正常跑起。

说在前面：

升级的项目目前是一个十分初级的版本，代码量很少，只有导出报表和 dashboard 功能，主要是 Charts 的东西，并 涉及到 Grid 和 Tree 的使用，所以本文更多的是讲 ExtJS 5 Charts 部分的东西（变化的）。

Extjs MVC开发模式详解

Posted 周六, 03/28/2015 - 04:31 by admin

在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应用程序

Posted 周四, 02/12/2015 - 09:25 by admin

概述


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

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

聚合内容