【4、手把手教你Extjs5(四)主界面上加入顶部和底部区域】教程文章相关的互联网学习教程文章

4、手把手教你Extjs5(四)主界面上加入顶部和底部区域【代码】

这一节为主界面加一个顶部区域和底部区域。一个管理系统的界面可以粗分为顶部标题部分、中间数据展示和处理的部分、底部备注和状态部分。在增加这二个区域之前,我们先在MainModel.js中加入一些数据。Ext.define(‘app.view.main.MainModel‘, {extend: ‘Ext.app.ViewModel‘,alias: ‘viewmodel.main‘,data: {name: ‘app‘,// 系统信息 system: {name: ‘工程项目合同及资金管理系统‘,version: ‘5.2014.06.60‘,iconU...

跟我一起学extjs5(19--模块记录的拖放删除、拖放复制新增)【图】

跟我一起学extjs5(19--模块记录的拖放删除、拖放复制新增) 网页其中的拖放(drag-drop)是比較有趣的操作,extjs5中非常好的封装了拖放的动作,也有各种类来支持,可是要学好“拖放”这个东西真是非常难,特别是象我这样英语不好的人。看不太懂官网上的说明,做一个拖放的操作起码得几天的时间。 以下完毕拖放删除的功能。即,选中一条记录或多条记录。然后拖动到“删除”button上。最后松开鼠标进行记录删除的操作。操...

[ExtJS5学习笔记]第三十四节 sencha extjs 5 grid表格之java后台导出excel【代码】【图】

继上次使用js前端导出excel之后,另一个主要大家比較关注的是后台实现导出excel,由于本人开发使用的java所以这里使用apache的开源项目poi进行后台excel的导出。本文文件夹本文文件夹poi项目下载及载入extjs前端导出设置extjs后台相应的解决方式创建excel工作簿创建一个excel页签生成excel样式并初始化产生表格标题行build headers构造数据行build rowspoi项目下载及载入POI项目是apache官网的一个开源项目,其主要目的是对microsof...

[ExtJS5学习笔记]第二十七节 CMD打包错误 Error C2009: YUI Parse Error (identifier is a reserved word => debugger;)

本文地址:http://blog.csdn.net/sushengmiyan/article/details/41242993本文作者:sushengmiyan------------------------------------------------------------------------------------------------------------------------------------使用cmd打包ext的时候报了一个诡异的错误。细细找来,发现是代码书写导致。如今记录一下:错误具体信息:[ERR] C2009: YUI Parse Error (identifier is a reserved word =>debugger;) -- unkn...

[ExtJs5.1.0系列-第二天] 信息提示框组件<Ext.MessageBox>【代码】【图】

在介绍ExtJs信息提示框组件之前,我们先来介绍一下ExtJs的组件配置。 ExtJs组件通常有两种配置形式: (1) 用逗号分割的参数列表; (2) 使用JSON对象作为组件提供配置信息。对于比较简单的配置一般采用逗号分隔的参数列表进行设置,对于较复杂的配置一般采用JSON对象的方式为组件提供配置信息。 JSON简单介绍: JSON的全称是JavaScript Object Notation(JavaScript对象符号)。JSON是一种结构化的,轻量级的,完全独立于语言的...

ExtJS5_主界面上加入顶部和底部区域【代码】【图】

为主界面加一个顶部区域和底部区域。一个管理系统的界面可以粗分为顶部标题部分、中间数据展示和处理的部分、底部备注和状态部分。在增加这二个区域之前,我们先在MainModel.js中加入一些数据。Ext.define(‘app.view.main.MainModel‘, {extend : ‘Ext.app.ViewModel‘,alias : ‘viewmodel.main‘,data : {name : ‘app‘,// 系统信息 system : {name : ‘工程项目合同及资金管理系统‘,version : ‘5.2014.06.60‘,icon...

[ExtJS5学习笔记]第十二节 Extjs5开发遇到的问题列表记录

本文地址:http://blog.csdn.net/sushengmiyan/article/details/38975633 本文作者:sushengmiyan ------------------------------------------------------------------------------------------------------------------------------------查找组件的方法Ext.getCmp方法有错误提示问题重现:定义了多个组件,给组件起了ID和alias名称,后面想使用组件,发现使用Ext.getCmp的时候,运行期有报错如下:TypeError: Ext.getCmp(...) ...

[extjs5学习笔记]第三十八节 sencha CMD 6.0.0.220版本安装【图】

本文地址:http://blog.csdn.net/sushengmiyan/article/details/46740381简介sencha cmd 6安装过程不需要UAC控制了对于widnows来说,对于mac来说是启动权限,之前的版本,我们比较麻烦的事情是需要下载正确的ruby版本才可以使用cmd,现在6.0版本之后,就不需要单独安装ruby了,新版取消了对ruby的依赖。新版cmd增加了对jre的默认安装,选择下载包的时候,可以直接下载带有jre的安装包,这样就不需要再单独安装jre啦,这对不熟悉jav...

跟我一起学extjs5(22--模块Form的自己定义的设计)【图】

跟我一起学extjs5(22--模块Form的自己定义的设计) 前面几节完毕了模块Grid的自己定义,模块Form自己定义的过程和Grid的过程类似,可是要更复杂一些。先来设计一下要完毕的整体目标。 1?能够有多个Form方案,相应于显示、新增、改动、审核、审批等功能; 2?对于上述各种功能能够选择不同的Form方案。比方说改动能够有几个方案,各个操作员能够选择他们感兴趣的Form方案来进行数据的改动。 3?每一个Form...

Eclipse环境下配置spket中ExtJS5.0提示【图】

使用eclipse编写extjs时,一定会用到spket这个插件,spket可以单独当作ide使用,也可以当作eclipse插件使用,我这里是当作eclipse的插件使用的,下面来一步步图解说明如何配置spket插件。第一步:下载spket插件 第二步:安装spket插件解压rar文件,将里面的features文件夹和plugins文件夹复制到eclipse的根目录下,有重复目录的选择合并文件夹将插件复制进去。如果是myeclipse则复制到dorphins文件夹下。截图如下:将spket插件中的...

跟我一起学extjs5(28--加入模块和菜单定义[1建立数据库和表])【图】

跟我一起学extjs5(28--加入模块和菜单定义[1建立数据库和表]) 下面我们开始进入自定义系统的设计和各个组成部分的搭建工作。 首先在sql server中建立数据库,这里的数据的名字我定义为extjs5,然后需要建立模块的定义表,这个表里将存着系统中所有模块的定义信息。为了能有个直观的前后台的互动,先把模块和菜单这二个部分加进去,可以把菜单数据组织好后发送到前台去进行展示。 由于系统中的模块很多,需要分...

[ExtJS5学习笔记]第二十二节 Extjs5中使用beforeLabelTpl配置给标签增加必填选项星号标志【图】

本文地址:http://blog.csdn.net/sushengmiyan/article/details/39395753官方例子: http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.form.Labelable-cfg-beforeLabelTpl本文作者:sushengmiyan------------------------------------------------------------------------------------------------------------------------------------在注册页面获取填写信息的界面,我们都能看到必填选项的标志* 这个东西。在Ext中,我们可...

extjs5 常用属性的说明

uses -- 被引用的类可以在该类之后才加载.requires -- 被引用的类必须在该类之前加载.alias : 相当于别名一样,可以起多个,可以通过xtype创建实例,我现在接触的有三种类型,根据不懂的类型用不同的前缀  1. widget 使用(widget.test 组件)  2. viewmodel (viewmodel.test)  3. controller (controller.test) 原文:http://www.cnblogs.com/shaoshao/p/4119157.html

[ExtJS5学习笔记]第二十五节利用window.open()函数实现ExtJS5的登陆页面跳转_html/css_WEB-ITnose

本文地址:http://blog.csdn.net/sushengmiyan/article/details/40427543 mvvm方式实现登陆的博客:http://blog.csdn.net/sushengmiyan/article/details/38815923 本文作者:sushengmiyan ------------------------------------------------------------------------------------------------------------------------------------ 之前写过一篇文章,是 Extjs5MVVM模式下系统登录实例 这文章写完之后,有人就提出了一个疑问,...