delphi 的母公司Idera 突然就把sencha extjs 收购了,这确实是一个很好的消息,意味着delphi 开始在web方面开始发力, 目前delphi 集成extjs 的呼声越来越强烈,emb 官方也在开始做这一方面的工作. 我5年前也写过关于 delphi 和extjs 的组合的文章,当时由于extjs 还比较简单,也没有设计器, 最近大约看了一下新版的extjs 6.5 ,发现经过这几年的发展,Extjs 确实发展很快.已经有了自己的前端设计器. 今天就先看看如何使用最新的Ex…

本文地址:http://blog.csdn.net/sushengmiyan/article/details/40507383 插件下载: http://download.csdn.net/detail/sushengmiyan/8085851 本文作者:sushengmiyan -------------------------------------------------------------------------------------------------------------…

最近由于业务需要,研究了一下Sencha ExtJS 6 ,虽然UI和性能上据相关资料说都有提升,但是用起来确实不太顺手,而且用Sencha cmd工具进行测试和发布,很多内部细节都是隐藏的,出了问题不好跟踪.更奇葩的是明明在sencha app watch上运行很好,但是sencha app build后会出现异常.即使是这样,但Sencha ExtJS 6 在UI控件和编程模式上确实比较强大.下面介绍一个 Widget Grid 用法,可以在表格grid中进行列样式渲染,是一个比较强大的功能…

本文地址:http://blog.csdn.net/sushengmiyan/article/details/43487751 本文作者:sushengmiyan ------------------------------------------------------------------------------------------------------------------------------------ sencha extjs 5 增加一个struts2的配置,这样可以在…

由于最近一直忙着android原生的开发,很久没有更新博客了,官方的sencha cmd工具功能非常强大,创建项目,压缩项目,打包安装程序都能轻松实现,这讲我们就给大家介绍下如何使用sencha cmd来打包我们的sencha touch项目, 为了更好地向大家演示如何打包一个sencha touch的项目,我们用sencha cmd创建一个演示项目,如果你的sencha cmd环境还没有配置,请参照sencha touch 入门系列 (二)sencha touch 开发准备进行配置. 首先在开…

生成workspace         下载gpl版本的ExtJs6         在https://www.sencha.com/legal/GPL/页面的右侧申请链接来下载,或者使用链接http://cdn.sencha.com/ext/gpl/ext-6.0.0-gpl.zip直接下载   https://www.sencha.com/products/extjs/cmd-download/ 下载cmd http://cdn.sencha.com/cmd/6.0.2/jre/Sencha…

Sencha Cmd安装 在使用前端框架ExtJs前,需对其环境加以部署,对自己的安装过程加以记录. 建议大家在安装时,最好使用VPN,个中缘由,生在跳槽的程序袁应该都懂吧.不然ruby相关命令执行时,会提示相关包无法下载. Sencha Cmd下载地址:https://www.sencha.com/products/extjs/cmd-download/ Sencha Cmd 6官网地址:http://docs.sencha.com/cmd/6.x/ Sencha Cmd 6相关细节的地址:h…

本文地址:http://blog.csdn.net/sushengmiyan/article/details/42240531 本文作者:sushengmiyan ------------------------------------------------------------------------------------------------------------------------------------ 本文以一个实际例子,使用了extjs的gridpanel中的分组统计显…

使用extjs肯定少不了使用表格控件,用到表格,领导们(一般)还是惯于使用excel看数据,所以用到extjs表格的技术猿们肯定也会有导出表格excel这一个需求,本文主要针对如何在用extjs将grid表格导出到excel,使用的是前端导出,不涉及后端. 源代码打包下载 将源代码嵌入到应用中 查看导出按钮以及导出效果 扩展支持sum统计和groupsum分组 源代码打包下载 本次使用的是github上的一个开源项目Exporter 下载地址:https://github.com/iwiznia…

一个UI前台组件肯定会比较多,我们通常习惯性的使用ID来获取需要操作的组件,但是这种方法是extjs推荐的么?有没有extjs推荐使用的获取组件的方法呢? 目录 目录 extjs的查询组件的API 查询实例 基本的组件查询 组件树查询 通过组件的属性检索 属性匹配操作符 逻辑运算的 官方案例 extjs的查询组件的API 组件查询API文档地址:5.1.0-apidocs/#!/api/Ext.ComponentQuery-method-query 可以看到是使用的Ext.ComponentQu…

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

本文地址:http://blog.csdn.net/sushengmiyan/article/details/42940883 本文作者:sushengmiyan ------------------------------------------------------------------------------------------------------------------------------------ 使用sencha cmd build app 生成的工程,我们期望只使…

原文链接:http://blog.csdn.net/lovelyelfpop/article/details/50853591 英文原文:Using Plugins and Mixins in Your Sencha Apps 概述 当须要扩展一个类的功能的时候,通常都会直接将新功能写入派生类,然而,假设多个组件都须要实现某个功能,那最有效的方式就是将它定义为一个插件或Mixin.插件和Mixin都是用来将额外功能加入到其它类的类.在本文,将介绍这些类是什么,他们之间的差别,以及他们的原理.在S…

一UI前部组件势必更加,我们通常习惯性使用ID获取部件操作的需要.但是,这种方法是extjs推荐么?你有吗extjs利用它来获取组件的推荐方法? 夹 文件夹 extjs的查询组件的API 查询实例 主要的组件查询 组件树查询 通过组件的属性检索 属性匹配操作符 逻辑运算的 官方案例 extjs的查询组件的API 组件查询API文档地址:5.1.0-apidocs/#!/api/Ext.ComponentQuery-method-query 能够看到是使用的Ext.ComponentQuery这个…

什么是Viewport? Viewport (Ext.container.Viewport)是一个专门的容器用于可视应用领域(浏览器窗口).Viewport渲染自身到网页的documet body区域, 并自动将自己调整到适合浏览器窗口的大小,在窗口大小发生改变时自动适应大小. 一个页面中只能创建一个Viewport. 来自为知笔记(Wiz)…

//创建普通表格 id,父容器,标题,json数据字符串,列名(逗号分隔),json数据key即store的fields属性(逗号分隔) function createCommonTable(id, container, fieldLabel, value, columns,dataIndexs) { if(typeof(container)!="object") { container=Ext.getCmp(container); //根据id取组件 } var rarr = col…

 sencha touch 是Extjs 的手机版,Extjs是创建富客户端的AJAX应用中的重量级框架,sencha touch当然就是面向触摸设备的重量级js框架,在做基于桌面的网页时经常用的js库是jquery,Extjs很少用,几乎没用过,1是因为Extjs“重”,加载时间长:2是因为Extjs自称体系学起来难度大,插件没jquery多. 在phonegap出现后,sencha touch这个重量级框架,值得学习了一下,稳定性比jquery等强多了,而且越来越多的人开始学习使用sench…

ExtJS 5.0版本官方网站给的图表例子,以散点图作说明: Ext.create('Ext.Container', { //renderTo: Ext.getBody(), width: 600, height: 400, layout: 'fit', items: { xtype: 'cartesian', store: { fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'], data: [ {'name':'metr…

为了更好地向大家演示如何打包一个sencha touch的项目,我们用sencha cmd创建一个演示项目,如果你的sencha cmd环境还没有配置,请参照 sencha touch 入门系列 (二)sencha touch 开发准备 进行配置. 首先在开始->运行中输入cmd,回车,打开命令行工具,cd指令进入到我们的sencha touch的sdk目录中,执行项目创建的指令: 此时在webtest路径中便创建了一个testPackage的项目,我们打开项目中创建生成的packager.js…

http://www.sencha.com/products/touch/ Sencha SDK Tools Advanced JavaScript and CSS Project Build Tool http://www.sencha.com/products/sdk-tools/ Sencha Architect Build for Mobile and Desktop http://www.sencha.com/products/architect/ 1.安装SDK 2.查看sencha…

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

本文地址:http://blog.csdn.net/sushengmiyan/article/details/41911539 本文作者:sushengmiyan ------------------------------------------------------------------------------------------------------------------------------------ 官方博客发布了这个新版本说明,英文文章请戳下面 http://www.…

本文地址: http://blog.csdn.net/sushengmiyan/article/details/38316829本文作者:sushengmiyan-------------------------------------------------------------资源链接-----------------------------------------------------------------------翻译来源  Sencha Cmd官方网站:http://docs.…

哥英文不好,网上搜索好多中文教程都是抄来抄去没有完整的介绍.所以写出来让与我一样的小伙伴惊呆下! 这篇主要是安装,后续慢慢更新 一.Sencha CMD是干啥滴!? 它是服务使用EXTJS SDK开发前端的玩意,因为后续只介绍关于extjs相关的,煎茶触摸相关的掠过,因为哥不需要,所以暂时不研究. 它能帮你在开发中自动生成extjs应用程序框架: 能智能的感知你都使用了那些组件JS文件从而使发布后的js最小化: 没装IIS不要紧,它能帮你简历本地累死http://localhost:****/a…

Ext JS 入门指南 前言 本来我是打算自己写一个系列的 ExtJS 6 学习笔记的,因为 ExtJS 6 目前的中文学习资料还很少.google 搜索资料时找到了一本国外牛人写的关于 ExtJS 6 的电子书 [Ext JS 6 By Example].这份资料在 PACKT 上卖 35.99 刀的,当然了万能的 google 还是帮我下载到了 PDF 文档.大概看了一下,讲的很详细,例子也比较简单,容易理解,现我准备利用工作之余翻译这份文档,为自己学习加深理解,也希望能帮助更多的人学习.…

Sencha EXTJS的 Eclipse 插件安装指南 (翻译:苏生米沿) 本文地址:http://blog.csdn.net/sushengmiyan/article/details/52566099 本文作者:sushengmiyan 本文PDF格式良好版下载地址:http://download.csdn.net/detail/sushengmiyan/9632273 Sencha Eclipse 插件介绍 Sencha的Eclipse IDE插件是一个集成的开发环境工具,它可以在Ecl…

sencha extjs 5 增加一个struts2的配置,这样可以在设置好前台布局之后,与后台交互获取数据显示.现在有一个问题是struts2对于url的跳转action支 持比较良好,但是对于像Extjs这样,ajax请求的,无url跳转的实现,还是需要一点点技巧的.本文实例讲解一个Ext.Ajax.request 的请求实例,返回后台处理之后的结果. 步骤一:创建struts2的配置文件struts.xml <?xml version="1.0" encoding=&quo…

sencha generate app MyApp MyApp 首先需要注意的是安装 sencha 并执行相关命令. 搞了老半天才知道 想要创建空项目首先 必须的在sdk 目录下才可以.好像据说第二次就不用切换 了. 运行命令 sencha 测试 senchacmd安装是否成功. 之后把生成的目录结构拷贝到自己的项目当中.可以是sublime 也可以是Eclipse Eclipse是有相关自动提示的插件也倒挺好用的 sencha app build用来编译…

原文:ExtJS vs AngularJS ExtJS和AngularJS是两个行业内领先的富界面开发框架.TechFerry有机会使用Ext JS和Angular JS来开发多个富界面的单页面应用程序.本文讲述的就是使用这两种技术来开发多个应用程序后的开发体验.本文围绕利弊.架构.测试.移动能力.性能.生成和部署等方面对Ext JS和Angular JS进行了超过30个以上的要点进行了比较.我们将通过使用Ext JS和Angular JS开发一个测试应用程序来了解架构细节,以便进行详细的性能比…

前面写了extjs 的安装,今天写一下kbmmw 与extjs 的结合,参照delphi 产品经理marco文章 . 由于extjs 设计时要读取服务器端的数据,所以先要做一个rest 服务器. 先要用kbmmw 建一个web 服务器,可以参照我以前写的例子. 由于要返回数据库,因此加入对应的数据库访问控件,我使用unidac 加postgresql,需要的可以在 www.hoasql.com 去下载. 我们开始写服务器端.加上必要的数据库访问控件,并保证运行正常. 进入webservice 单…