跟我一起学extjs5(14--模块字段和Grid列的定义及生成)
这一节加入模块自定义字段,并根据这些字段生成model。然后再定义grid中的分组和列。从这一切开始真正进入到了模块自定义的节奏当中,代码的复杂度和技巧性也大大提高。先从模块字段的自定义开始。先看一下ModuleModel.js中加入的新的定义:
/**
* 模块的数据模型
*/
Ext.defi...
分类:
Web程序 时间:
2014-07-12 23:48:06
阅读次数:
288
布局系统是Sencha框架中最强大和最独特的一部分。布局会处理应用程序中每个组件的大小和位置,因而,不需要手动去管理那些碎片。Ext JS与Sencha Touch的布局类有许多相似之处,最近在 Ivan Jouikov的这篇博文中对他们进行了详细的分析。
虽然是这样,但很多Ext JS和Sencha Touch开发人员可能永远都不会去了解布局系统的机制原理。Sencha框架已经提供了最常用的应用程序布局,因此很少出现应用程序需要额外功能的需求,因而不大会有人愿意去了解布局系统的内部运作。
试想一下,你...
分类:
Web程序 时间:
2014-07-12 18:22:56
阅读次数:
233
跟我一起学extjs5(15--模块字段和Grid列的定义[2])
model和columns生成好了,下面要修改一下Module.js和Grid.js中的代码,使其能够协同工作。
/**
* 一个模块的主控界面的容器,用来安放各个模块控件以及协调他们之间的关系
*/
Ext.define('app.view.module.Module', {
extend ...
分类:
Web程序 时间:
2014-07-12 18:19:44
阅读次数:
289
跟我一起学extjs5(13--执行菜单命令在tabPanel中显示模块)
上面设计好了一个模块的主界面,下面通过菜单命令的执行来把这个模块加入到主界面当中。在MainModule.js中有一个函数,生成了当前的菜单数据: // 根据data.systemMenu生成菜单条和菜单按钮下面使用的菜单数据
getMenus : function() {
var it...
分类:
Web程序 时间:
2014-07-12 17:40:31
阅读次数:
269
跟我一起学extjs5(12--模块界面的总体设计)
上一节中设计了一些模块自定义中用到的要素,为了直观起见,这一节先建立一个模块的主界面。看过我 模块管理常规功能自定义系统的设计与实现 博客的人应该会有所了解了。一个模块的主界面是一个Grid,在其上方有个操作按钮的工具条,在左边有导航区域,在右边有一个记录明细的显示区域。下面即是一个例子:
...
分类:
Web程序 时间:
2014-07-10 21:37:33
阅读次数:
238
跟我一起学extjs5(11--自定义模块的设计)
从这一节开始我们来设计并完成一个自定义模块。我们先来确定一个独立的模块的所能定义的一些信息。希望有新的想法的或者有建议的跟贴回复。
模块ID号 模块标识模块名称模块简称模块英文名称模块英文简称...
分类:
Web程序 时间:
2014-07-09 09:30:12
阅读次数:
214
今天实现了一个文件下载功能,在网上找了下资料发现有些问题。我用的是小米1s,安卓 4.1.2,cordova3.5,打包测试运行正常首先在控制层launch方法中加入以下代码: 1 // 等待加载PhoneGap 2 document.addEventListener...
分类:
其他好文 时间:
2014-07-06 18:06:37
阅读次数:
208
跟我一起学extjs5(10--使用MVVM特性控制菜单样式)
菜单的样式多了,怎么可以灵活的切换是个问题。
在使用标准菜单的时候,在菜单最前面有二个按钮,可以切换到树状菜单和按钮菜单。
在树状菜单的显示区,可以切换换到标准菜单,以及折叠式菜单。
切换到按钮菜单之后:...
分类:
Web程序 时间:
2014-07-03 17:00:15
阅读次数:
330
跟我一起学extjs5(09--自定义菜单2)
这一节来定...
分类:
Web程序 时间:
2014-07-02 16:38:03
阅读次数:
255
一、ExtJS简介
Ext是一个Ajax框架,用于在客户端创建丰富多彩的web应用程序界面,是在Yahoo!UI的基础上发展而来的。官方网址:www.sencha.com
ExtJS是一个用来开发前端应用程序界面的JS框架,借鉴Swing等思想,提供了一套完整的组件库及强大的ajax支持功能,可以用Ext来开发基于Ajax的富客户端应用。
二、...
分类:
Web程序 时间:
2014-07-02 15:14:21
阅读次数:
377