这个项目整体采用代码生成器生成,具体看下图:…

人事管理模块: 1.机构管理 2.部门管理 3.人员管理 一:用例图…

Sencha提供了免费的Cmd工具,可以用来创建Ext JS项目并提供了一些便利的功能. Sencha也在官方文档中提供了一个示例来演示如何创建一个Sample Login App. 本文就介绍一下这个官网示例. 准备工作 下载Sencha Ext JS的SDK,本文中使用的是开源的GPL的6.0.1版本 下载Sencha Cmd,这个是免费的,本文中使用的是Windows 64-bit带JRE的6.1.2版本 一些废话: 也许Sencha是为了更好地推它的商用版本吧,从6.0.0版本开始,就把…

Ext JS 4 新特征2:配置项属性config之二 ☞ Config(自动的setters和getters) Ext JS 4介绍了config声明方式,在Ext JS 中也有几个例子:在运行程序的时候,使用setter和getter方法就可以传递一些configuration参数,还可以改变这些参数.当在config声明中定义某某配置项属性的时候,Ext JS 4将会自动地生成与属性紧密相关的4个方法:getter,setter,reset和apply. 让我们在MyApp.MyWindo…

由于Ext JS 6将原来的Ext JS和Sencha Touch合并为一个框架,因而在使用CMD来创建应用程序前,需要考虑清楚你是要创建一个通用应用程序,还是仅仅只是针对桌面或移动设备的应用程序. 要做这样的考量,是因为通用应用程序和比较单一的应用程序在开发上会有些小麻烦.这些小麻烦主要是因为Ext JS的自动加载机制造成的,有时候会很困扰人. Ext JS的自动加载机制是根据类名来划分目录兵加载脚本的,例如SimpelCMS.view.Main,如果没有自定义过SimpelCMS的路径指向,…

由于Ext JS 6包含了Sencha Touch,因而在应用程序结构有了些改变,Ext JS 5的方法已经不适用于新版本了.经过研究,发现6导入Web项目要比5简单. 下面来说说导入的过程. 使用Sencha Cmd创建应用程序 创建Web项目 在Web项目创建脚本目录,如scripts,直接访问路径为http://域名/scripts 将创建的应用程序目录下的文件和目录全部复制到scripts目录下 将应用程序下的Index.html目录复制到scripts目录的上一层目录,也就是能通过..…

在Ext JS 5,使用了新的脚本和样式加载方式,这对于将应用程序导入到Web项目中产生了点小麻烦.而对于本地化文件的导入,也采用了新的方式,本文将一一解答这些问题. 将Ext JS 5应用程序导入Web项目 在Ext JS 5,会使用bootstrap.js来加载应用程序脚本和样式,而bootstrap.js是根据Bootstrap.json来加载样式文件和脚本的.问题就在这个Bootstrap.json文件上,如果是使用IIS的Web项目,首先会碰到的问题是Web服务器不允许下载JSON文件…

在Bootstrap.js文件中,总共有1500行(包含注释和空行),使用编辑器的代码折叠功能就如下图可以一窥全貌了. 从代码可以看到,这里主要定义了Ext.Boot.Ext.globalEval.Ext.Microloader和Ext.manifest这4个对象或属性.关键代码是最后一句的调用Ext.Microloader的load方法,下面来研究一下这个load方法,代码如下: load: function (manifestDef) { var manifest = Microloader…

绝对布局(Ext.layout.container.Absolute) 绝对布局让我回忆到了使用Foxpro开发的时候,哪时候的界面布局就是这样.通过设置控件的左上角坐标(x.y)和宽度来进行的,由于输入控件的高度基本是固定的.所以不须要设置.在可视化编程没有出现之前,开发界面算是个苦差事,由于布局是须要花费不少功夫的.比如想要在已经定义好的组件中插入一个组件,那就得又一次改动插入位置下面的组件的坐标.这工作是比較枯燥无聊的.因而,在不是必需的情况下,还是少选择这样的布局模式. 绝对布局是使用C…

原文:How to Create a Dark Ext JS Theme– Part 2 我已经展示了如何去开发一个精致的暗黑主题,看起来就像Spotify.在本文的第一部分,了解了Fashion.Sencha Inspector.主题和变量.在第二部分,将重点介绍更高级的概念,使用Ext JS UI和CSS重写制作独特的组件以及如何去合并自定义字体或图标. 你可以使用该教程来帮助你创建Sencha应用程序主题大赛的参赛作品. 第一名的获奖者将获得2500美金! 现在就报名吧. 自定义CSS规则…

绝对布局(Ext.layout.container.Absolute) 绝对布局让我回想到了使用Foxpro开发的时候,哪时候的界面布局就是这样,通过设置控件的左上角坐标(x,y)和宽度来进行的,因为输入控件的高度基本是固定的,所以不需要设置.在可视化编程没有出现之前,开发界面算是个苦差事,因为布局是需要花费不少功夫的,例如想要在已经定义好的组件中插入一个组件,那就得重新修改插入位置以下的组件的坐标,这工作是比较枯燥无聊的,因而,在没必要的情况下,还是少选择这种布局模式. 绝对布局是使用CSS的…

什么是Ext JS 走进Ext的世界 Ext JS是一款富客户端开发框架它基于javascript.HTML和CSS开发而成,无需安装任何插件即可在常用浏览器中创建出绚丽的页面效果. 个人总结Ext JS的方法 从Extjs的视图学起 例如:窗体.表单.数等等.并且可以掌握调试工具和技巧 学习使用API 学会怎么查询以及使用大牛提供的接口解决常见的问题(一般我们用到的效果,大牛们在做框架的时候都想到过) 把Extjs的前端可视化的组件与后台连接,进行交互 我们在做各类系统的时候都要跟数据库打交道…

AJAX是web2.0的基石,现在网上流行几种开源的AJAX框架,比如:jQuery,Mootools,Dojo,Ext JS等等,那么我们到底在什么情况下该使用那个框架? 让我们来想想选择AJAX框架的基础: 你的项目需求(即你需要哪些特性,例如是否要求做出精美的界面.特效或其它功能)是否支持A等级的浏览器(IE, Firefox等)?文档的质量:是否完善(包含教程,API,代码示例等)框架的可扩展性如何?为框架写插件容易吗?你是否喜欢它的API的风格?能大多程度上统一你的JavaScript…

Eclipse的workspace中放入Ext JS卡死或OOM的解决方案 原因:是由于Ext JS 的所有的文件js验证 方法一:关于Eclipse解决Ext JS卡死方案: 打开Eclipse的workspace下该项目对应.project文件 删除以下内容: (1) <buildCommand> <name>org.eclipse.wst.jsdt.core.javascriptValidator</name> <arguments> </arg…

code&monkey   Ext JS学习第十六天 事件机制event(一) 此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习 今天我们来说一说什么是事件,对于事件,相信你一定不陌生, 基本事件是什么?就类似于click.keypress.focus.mouseover等这些事件都是浏览器定义好的内置事件,我们直接使用即可.对于高级事件,无非就是自己去设计一个事件,就比如我们实际项目中,通常都伴随些业务逻辑,可能是曾删改查等...这些事件都是非原生事件,也就是浏览器无…

JavaScript不需要编译即可运行,这让JavaScript构建的应用程序可以变得很灵活.我们可以根据需要动态从服务器加载JavaScript脚本来创建和控制UI来与用户交互.下面结合Ext JS来说明如何从服务器上动态加载JS脚本来动态创建窗体. 1 项目结构: 项目结构如下:其中GetJSUI一般处理程序用来从数据库表中抓取UI配置,并返回到客户端:Contents文件夹下用HTML文件和JS库等. 2 数据库表结构 可以用下面的SQL在MSSQL中创建表,其中JavaScriptCon…

Sencha Ext JS号称是目前世界上最先进和最强大的.支持多平台多设备的JavaScript应用程序开发框架.首先看一下Ext JS的发展简史. 1 Ext JS发展简史 YUI-Ext的作者Jack Slocum(杰克.斯洛克姆)打算对基于BSD协议的Yahoo User Interface (YUI)库进行自定义的扩展,但后来一度风头盖过其父辈YUI: 在2006年底,YUI-Ext被简化为Ext,反映了它作为一个框架的成熟和独立.该公司成立于2007年初,Ext现在为双执照,使用LG…

Ext JS - 问答 在下面你将可以找到关于Ext JS 的最常见问题的答复.如果没有找到您所需的答复,请访问 Ext JS 论坛或者提交一个支持申请. 如果你确信你的问题可以对本页有补充,请让我们知道! 注意: 下面的FAQ如果没有特别说明,适应于 Ext 5和更高版本. Ext JS 都支持哪些浏览器? 桌面浏览器 IE8+ (只适用于标准模式) Firefox (PC 和苹果电脑) Safari 6+ Chrome (PC 和苹果电脑) Opera (PC 和苹果电脑) 触屏设备 Saf…

最近在整理Ext JS的模板和组件,在参考<Ext JS权威指南>,<Ext JS Web应用程序开发指南>,<Ext JS API>等相关书籍后才写下这篇<Ext JS模板与组件基本知识思维导图>,由于篇幅较长,所以必须肢解与各位分享.想要<Ext JS模板与组件基本知识思维导图>原文档的可以与我联系. 组件是Ext JS的基础,模板是Ext JS4的基础,熟悉模板也就了解组件的组织方式,也就为使用组件和构建自定义组件打下基础. 130个组件虽…

以用户为中心的时代,应用的界面外观变得越来越重要.然而,很多程序员都缺乏美术功底,要开发出界面美观的应用实属不易.Ext JS的出现,为广大程序员解决了这一难题.它有丰富多彩的界面和强大的功能,是开发具有炫丽外观的RIA应用的最佳选择. 但其实,第一只“出海”的YUI-Ext只是作者Jack打算对基于BSD协议的Yahoo! User Interface (YUI)库进行自定义的扩展,但后来一度风头盖过其父辈YUI,足以说明 大家对它的热情,很多人把它投入项目,但并不十分了解它.分析人士打了一个…

l   一.静态的变量和静态的方法 [译文原创Learning Ext JS 4 第51页] Statics的方法只属于类本身,而不属于任何一个实例,这就决定了我们是在定义类的内部来用statics方法的,而不是在某个实例中. 现在,我要建立一个在银行排队叫号的类,排队的人就象是在流水线上一样,每个人都有一个不重复的顺序号,代码如下. //定义一个客户类,只需要顺序号,别的什么也不需要. Ext.define('MyApp.data.Client',{ statics        : {   …

Ext JS 4 新特征2:配置项属性config 最新版本的Ext JS 4.2的另外一个伟大的新特征就是增加了configuration配置项属性,当我们在创建一个新类的时候,经常性的要设置某某属性,依靠输入参数来改变我们某类的值属性和行为属性.Ext JS 4就在这方面使用了提前-处理机制来为我们处理配置,事实上很简单的就完成了这方面的任务. 举例:我手头上有一些发货单据,想统计一下,每张发货单上有以下内容:客户名称.税金.小计.合计,其中:合计 = 小计*税金,税率为0.083. //定…

Sencha Touch 现在已全面升级至Ext Js 6,那么我们如何使用他们呢? 首先去官网下载最新的sdk和帮助文档 sdk下载地址:https://www.sencha.com/products/extjs/evaluate/ 如图,这个是试用版下载地址,试用版和正版的区别大概就是试用版有试用标记水印吧,大概是吧. 官方api下载地址:http://docs.sencha.com/extjs/6.0/ 这个就是官方的在线api了,想要下载就把鼠标移动到左上角的Ext JS Guides上…

免责声明:     本文转自网络文章,转载此文章仅为个人收藏,分享知识,如有侵权,请联系博主进行删除.     原文作者:^_^肥仔John      原文地址:http://www.cnblogs.com/fsjohnhuang/archive/2013/01/29/2880705.html 第一章 新特性 Extjs 4相对于之前的版本作出了重大的修正.其中包括全新的类系统.新平台的引入.API的修整和加强还有新组件的引入(如新的图表和图形组件).Extjs 4提供更快速.更稳定的用户体验,…

Visual Studio 2012太强大了,居然能自己会去提取Ext JS的类的属性和方法,从而实现只能提示.下面就来介绍一下实现这个功能. 在Visual Studio 2012中随便创建一个Web项目,我创建了一个空的Web项目,目录结构如下图所示: 关键就是Scripts中的_references.js文件,文件的内容如下: /// <reference path="ext-all-dev.js" /> 这个和VS2010中实现只能提示的原理一样.需要注意的是ext…

前言 在 [Ext JS 4] 实战之 带week(星期)的日期选择控件(二) 的最后,有提到一个解决方案. 不过这方案有一个条件  ==> “2. 每年的周数从(1-52), 如果超过52 周,算到下一年的第一周” 这个条件有一个漏洞就是: 像 2011 年, 全年53 周, 第 53周整周都是2011年的天数,所以算成2012年的第一周就不对了. 综合: 还是两套标准之间的换算还是会有一些问题. 既然这样就不去混合使用两套标准的方法. 对于每个星期一周日开始的标准来说, 可以有更简单的方法.…

Ext JS中Button按钮的显示,以及按钮的部分事件 一.属性 renderTo:将当前对象所生成的HTML对象存放在指定的对象中 text:得到按钮名称 minWidth:按钮最小宽度 hidden:按钮的隐藏或显示(true or false) 二.构造参数 handler:指定一个函数句柄,在默认事件触发时调用,此时在默认事件为click listeners:在对象初始化之前,将一系列事件进行绑定. 三.函数 getBogy():对到Body对象 onReady():当页面加载完成时执…

原文地址:http://www.sencha.com/blog/top-10-ext-js-development-practices-to-avoid/ 作者:Sean Lanktree Sean is an Ext JS Professional Services Lead at CNX Corporation. 在CNX,尽管大多数的Ext JS开发工作需要从0开始创建新的应用程序,偶尔会有客户让我们帮他们解决内部工作上的性能问题.臭虫和结构性问题.我们以“清洁工”这种角色进行工作已经有很…

原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置,因而,不须要手动去管理那些碎片.Ext JS与Sencha Touch的布局类有很多类似之处.近期在 Ivan Jouikov的这篇博文中对他们进行了具体的分析. 尽管是这样.但非常多Ext JS和Sencha Touch开发者可能永远都不会去了解布局系统的机制原理.Sencha框架已经提供了最经…

前言 所谓的picker , 就是弹出一个选择框,让你选择一些信息.比如选择日期, 选择颜色等: 选择的结果总是要放在一个地方的,Picker Field 就是用来放置选择结果的一个文本框. 在Ext js中综合起来使用的方式就是, 在 form 里添加一个picker 类型的 field, 这个field比较特殊的是有一个点击按钮, 点击之后可以弹出一个选择框, 在选择框里选中的值添入filed 中. Ext JS 中的Picker Ext JS 目前的版本有三种选择器 1. Date  (E…