ExTJS
文章平均质量分 90
上将军
这个作者很懒,什么都没留下…
展开
-
Abp.io(vNext)开发日志:单页面应用与外部/社交登录
@TOCAbp.io(vNext)开发日志:单页面应用与外部/社交登录如果不使用外部/社交登录,实现很简单,使用Identity Server 4的令牌端点(Toekn EndPoint)实现密码登录获取到令牌就行了。如果要使用外部/社交登录,因为没有用户名和密码,需要使用令牌端点(Toekn EndPoint)的授权码(authorization_code)来登录。因而,如何获取授权码是整个流程的关键。获取授权码的流程在Identity Server 4的端点中,提供了一个名未授权端点(Auth原创 2021-02-24 14:55:21 · 1278 阅读 · 0 评论 -
快速模板——Echart包
在Ext JS中虽然内置了图表包,但整体来说只能算可用。如果希望更好的效果,会引入别的图表包,如Ext JS自身引入了D3包,不过这是收费的。为了健全快速模板的功能,于是引入了EChart包来实现更好的图表功能。要将别的功能包引入到Ext JS,基本都是以扩展组件的方式来实现的,EChart包也不例外,这次唯一不同的地方是将这个功能做了包的形式,将包放到项目的packages文件夹或工作区的packages\local文件夹,然后在app.json中引用这个包就行了。目前的EChart包只定义了一个EC原创 2020-05-17 15:27:00 · 841 阅读 · 0 评论 -
ExtJS 4.1有什么值得期待?
原文地址:http://www.sencha.com/blog/what-to-expect-in-ext-js-4-1/ 我们正在努力为ExtJS从4.0.x升级到4.1而努力工作着,不单是进行错误修复的工作,还包括改善的工作。在ExtJS 4.1的第1个beta测翻译 2011-08-13 00:59:54 · 5299 阅读 · 17 评论 -
ExtJS 4中自定义Grid列标题的对齐方式
从ExtJS 2.0到目前的4.0,Grid的列标题对齐方式都是和数据的对齐方式一致的,这不太符合中国人的习惯。解决办法是,自己重写一下Ext.grid.column.Column对象中渲染列标题的对齐方式的代码。代码只有一句,在afterRender方法中,因而重写afterR原创 2011-07-08 17:09:35 · 14806 阅读 · 31 评论 -
ExtJS应用架构设计(二)
原文:http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-2/ 在《ExtJS应用架构设计》一文,我们探讨了如何使用ExtJS构建一个潘多拉风格的应用程序。我们采用了MVC架构,并将翻译 2011-09-22 00:53:13 · 11576 阅读 · 9 评论 -
ExtJS应用架构设计(三)
原文:http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-3/?mkt_tok=3RkMMJWWfF9wsRonuKrLZKXonjHpfsX56uolXaS2lMI%2F0ER3fOvrPUfGj翻译 2011-09-22 03:00:27 · 13453 阅读 · 16 评论 -
Ext Scheduler(日程表) 2.0——升级到4.0
原文:http://www.sencha.com/blog/ext-scheduler-2-0-upgrading-to-ext-js-4/ 在上一篇文章《I introduced you to the Ext Scheduler》中,我介绍了ExtJS的Schedul翻译 2011-09-27 03:59:33 · 6588 阅读 · 4 评论 -
ExtJS 4.1更新
原文:http://www.sencha.com/blog/ext-js-4-1-update/ 在8月的ExtJS 4.1预览的博文中,谈到其更新将集中在性能和文档两个方法,而且预期其发布时间为9月份的中后期。令我们失望的是,我们不能预期发布产品,现在,只能更新我们的翻译 2011-10-11 14:10:39 · 3690 阅读 · 3 评论 -
【译文】ExtJS 4.1性能预览
原文:http://www.sencha.com/blog/ext-js-4-1-developer-preview/ 很高兴,今天发布了一个ExtJS 4.1的性能改善的预览版。在过去几个月,我们一直在努力地改善加载时间、渲染和整个框架内布局的性能,一直使用自己的例子和你们的应用程序做跨浏览器的基准测试和性能优化,并取得了一些显著的改进。 今天,我们将开放当前的生成包,让你的翻译 2011-10-25 16:24:33 · 3683 阅读 · 5 评论 -
离ExtJS 4.1 beta发布只剩26个bug了
以下是余下的bug列表:EXTJSIV-2074 Failed test: Verify that East panel expands when clicked on the expand button at left side of the center panelEXTJSIV-3502 Failed test: Verify Add columns in the Feed vi原创 2011-12-01 13:59:38 · 2617 阅读 · 0 评论 -
【译】ExtJS 4.1会带来什么
原文:http://www.sencha.com/blog/whats-new-in-ext-js-4-1/ 即将到来的ExtJS 4.1的焦点是性能。我们一直在为这努力工作,而这主要集中在两个方面:渲染和布局。虽然我们的大多数时间一直致力于这项努力,但也有很多其他方法的进展可以分享。这些改进当中,主要的改进包括Grid、BorderLayout和海王星主题预览这些内容。 性能翻译 2011-12-06 23:32:44 · 4945 阅读 · 14 评论 -
【译】ExtJS 4.1 beta发布
原文:http://www.sencha.com/forum/showthread.php?164313-Ext-JS-4.1-Beta-1-Now-Available 我们非常高兴现在可以在社区发布Ext JS4.1.0 Beta 1!此版本已修复上百个错误。作为第一个测试版,有几个问题,我们想解决,但我们最后决定,它们并不是关键问题,足以延迟新版本的发布。这些都是已记录在发行说明文件翻译 2011-12-26 14:43:35 · 3446 阅读 · 0 评论 -
Ext JS 4.1 Beta 3 发布
更新说明:Ext JS - JavaScript FrameworkRelease Notes for Ext JS 4.1.0 Beta 3Release Date: Feb 17, 2012Version Number: 4.1.0 Beta 3Known IssuesButtonEXTJSIV-4768 Layout Managers - Border Layout: "Center" la转载 2012-02-23 12:26:37 · 3140 阅读 · 0 评论 -
【翻译】优化基于ExtJS 4.1的应用
原文地址:http://www.sencha.com/blog/optimizing-ext-js-4-1-based-applications/ 虽然Sencha在Ext JS 4.1提高了性能,但基于Ext JS的应用性能优化仍然是奋斗目标。要优化应用性能,通常需要根据Ext JS的增强优势对修改代码。 本文将介绍如何实现优化,还将介绍一个用于Ext JS 4.1的新的性能翻译 2012-03-02 16:47:54 · 9585 阅读 · 18 评论 -
Ext JS 4.1 RC1发布
下载地址:http://cdn.sencha.com/ext-4.1-rc1.zipBugs Fixed for RC1ButtonEXTJSIV-5129 - Button does not adhere to width setting in IE9ChartsEXTJSIV-4416 - Chart label misaligned on numeric x axisEXTJSIV-5459转载 2012-03-17 18:16:52 · 2905 阅读 · 0 评论 -
Ext JS 4.1 RC2 Released发布
原文:http://www.sencha.com/blog/ext-js-4-1-rc-2-released/Today we’re making available Ext JS 4.1 RC2, which contains bug fixes, enhancements and documentation improvements based on your feedback on our转载 2012-04-04 11:40:24 · 3789 阅读 · 0 评论 -
【翻译】Ext JS 4.1最终版发布
原文:http://www.sencha.com/blog/ext-js-4-1-final-released/ 今天,我们很荣幸的宣布Ext JS 4.1正式发布了。此次更新是Ext JS 4的一个重大进步,包括一些新功能和许多其它的改善。对在3个Beta测试版和3个RC版期间,通过错误报告、论坛帖子、电子邮件、tweets以及生产应用的领域测试等方式帮助我们使Ext JS取得巨大进步翻译 2012-04-25 11:20:24 · 2989 阅读 · 14 评论 -
Ext JS 4.1 RC3发布
下载地址:http://cdn.sencha.io/ext-4.1-rc3.zipFixed bugs:Button (1)EXTJSIV-5802 - setIconCls() does not update the icon from within a beforerender listenerCharts (2)EXTJSIV-5816 - Missing requires in Ext.c转载 2012-04-15 07:30:32 · 2265 阅读 · 0 评论 -
Ext JS 4.1.1 RC1 发布
原文:http://www.sencha.com/forum/showthread.php?205564-Ext-JS-4.1.1-RC1-Now-AvailableWe are pleased to announce today the availability of Ext JS 4.1.1 RC1.http://cdn.sencha.io/ext-4.1.1-rc1.zipOf partic转载 2012-05-29 19:34:11 · 2292 阅读 · 1 评论 -
【翻译】Deft JS:通过依赖注入实现低耦合MVC
原文:Deft JS: Loosely Coupled MVC through Dependency Injection 应用才刚刚部署?作为经验丰富的软件开发人员,都知道不用多久就要做重大的用户界面修改。无论如何深思熟虑,如何通过需求分析和设计与客户达成一致,能避免修改的设计几乎没有。真正行之有效的软件,是能以最少成本适应不断变化的用户需求的软件。 那么……如何架构软件,才能翻译 2012-05-17 21:59:32 · 218 阅读 · 8 评论 -
解决Ext JS 4.1版本Tree在刷新时选择第一行的问题
在4.0.7版之前的版本都可通过select方法进行处理,但是4.1之后就不行了。经研究,问题出现在渲染过程上。下面通过一个例子测试一下。 测试示例代码: Ext.onReady(function() { if(Ext.BLANK_IMAGE_URL.substr(0,4)!="data"){ Ext.BLANK_I原创 2012-06-06 10:26:43 · 3422 阅读 · 10 评论 -
《Ext JS权威指南》节选:在Visual Studio中实现Ext JS智能提示
Visual Studio(下面简称VS) 2008和2010都有从JS库文件获取智能提示的功能,不过直接使用ExtJS的库文件的话,虽然也有提示,但是不全,应该说是大部分没有,主要原因是VS脚本提示功能是根据原生JavaScript对象的结构读取,而ExtJS的对象定义与原生JavaScript对象完全不同,因而很难取得其属性和方法。因而,要完整支持ExtJS的智能提示,就必须将ExtJS对象的原创 2012-06-14 14:22:05 · 8727 阅读 · 37 评论 -
《Ext JS权威指南》节选:树的动态加载及节点维护
示例功能 通过树实现动态加载以及实现添加节点、删除节点、修改节点文本已经通过拖动移动节点等功能。 先创建树的表结构: 字段名称 类型 默认值 运行空 说明 ID int 否 自增主键 Text nvarchar(100) 否 显示文本 ParentID int 0 是 父节点的ID 插入以下数据: ID原创 2012-06-15 23:19:17 · 9000 阅读 · 10 评论 -
Ext JS 4.1.1 RC2发布
原文:http://www.sencha.com/forum/showthread.php?219836-Ext-JS-4.1.1-RC2-Now-AvailableBugs FixedButton (2)EXTJSIV-6139 - Button retains the focused state after disabling and enablingEXTJSIV-6329 - Config转载 2012-06-17 12:27:27 · 3980 阅读 · 0 评论 -
【翻译】Ext JS 4.1的性能
原文:http://www.sencha.com/blog/ext-js-4-1-performance/ 在本文,将讲述几个影响Ext JS应用性能的因素。网络延时会严重影响初始化启动时间,尤其是Store的加载时间。CSS处理。Javascript的执行。DOM操作。网络延时 为了最大限度的减少应用启动时间,必须牢记的是,任何域对浏览器的网络连接并发数量是有限制。翻译 2012-07-04 16:19:34 · 7064 阅读 · 0 评论 -
《Ext JS权威指南》印出来了,大家很快就能拿到书了
原创 2012-06-21 14:57:59 · 2006 阅读 · 5 评论 -
Ext JS 4的性能与学习之我见——《Ext JS权威指南》后记
《Ext JS 权威指南》终于出版了,心情相当激动,这书可谓是好事多磨,前前后后花了1年多的时间。原来计划是在2011年年底与读者见面的,当时4.0正式版已出,正是需要参考书的时候。但是一个性能问题,让Sencha作出了一个艰难的决定,重构架构,于是就在无奈中等待着4.1版本的出现,然后根据4.1的源代码将书修改了一遍,现在终于可以出版了,心情难免有点过于激动。 Ext JS 4最大的改原创 2012-06-21 15:24:01 · 4785 阅读 · 19 评论 -
一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之预告篇
笔者的书《Ext JS权威指南》已经出版了,但唯一遗憾是囿于篇幅,没有完整的示例,因而打算利用博客弥补一下,希望大家喜欢。 本系列博文主要目的是通过一个完整的过程介绍Ext JS MVC的开发过程,而后台则使用Asp.Net MVC 3。由于笔者Java水平实在太次,因而只能使用熟悉的C#语言开发,在此,对所有使用Java的读者说声抱歉。不过,Ext JS的开发基本是与后台无原创 2012-07-07 12:24:25 · 5635 阅读 · 18 评论 -
Ext JS 4.1.1 (GA)发布
原文:http://www.sencha.com/forum/showthread.php?228753-Ext-JS-4.1.1-%28GA%29-Now-AvailableExt JS 4.1.1 (GA) Now Available We are pleased to announce today that转载 2012-07-07 09:25:19 · 4554 阅读 · 16 评论 -
【翻译】Ext JS 4之HelloWorld
原文:http://www.sencha.com/blog/helloworld-with-ext-js-4/ 本教程将帮助你学习使用Sencha Ext JS 4。在文章最后附有完整的源代码和3个高清视频。开始之前 使用本教程,需要为Sencha配置开发环境,包括一个浏览器、Web服务器和文本编辑工具(或代码IDE)。我使用的是Chrome浏览器、Mac的Web服务器和kom翻译 2012-06-23 14:48:25 · 2754 阅读 · 0 评论 -
《Ext JS权威指南》一书的源代码下载地址
书中的源代码可以到华章网站(www.hzbook.com)本书相关页面下载。 http://hzbook.com/Books/6390.html原创 2012-07-11 10:52:42 · 8514 阅读 · 27 评论 -
一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之数据篇
本管理系统的数据库采用SQL Server2005,主要有T_Category、T_Content、T_Tag和T_TagInContent这4个表。为了简单起见,用户验证功能等将使用Membership提供者实现,因而用户表和角色表将使用aspnet_regsql.exe自动生成,这个可参阅有关的网上资料,在此就不赘述了。以下是4个表格的详细说明。1. 分类表:T_Category原创 2012-08-18 16:04:54 · 5909 阅读 · 12 评论 -
一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口
完成配置后,要做的是完成登录页面。因为要实现登录之后写入认证信息到Cookie,因而必须做一次跳转。当然,不做跳转,或不写入认证信息也行,但问题比较复杂,在这里还是做简单处理比较合适。还有就是写入认证信息的目的是为了在控制器通过特性控制方法的权限。 既然要跳转一次,就有两种思路了,一种是为了快速显示登录页,可不加载Ext JS,而是使用传统的页面,显示一个登录页,这样页面加载快,用户感受原创 2012-09-08 18:30:35 · 9358 阅读 · 0 评论 -
一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之用户管理(2)
现在,创建视图,在Scripts\app\view目录下先创建目录Users,然后在该目录下创建View.js。要使用Grid显示用户信息,因而要从Grid面板派生出视图。定义的时候要注意视图的类名。还有就是一定要定义别名,因为在控制器中是使用widget方法创建的视图实例。如果不想定义别名,那就要修改创建实例的方式。具体的基本定义代码如下:Ext.define('SimpleCMS.view.U原创 2012-09-26 17:46:20 · 5416 阅读 · 8 评论 -
一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口调试
现在可以对登录窗口进行调试了。 打开系统的首页页面文件,Views\Home目录下的Index.cshtml文件。要动态加载登录窗口,需要先设置好加载路径,因而在onReady函数上加入以下代码: Ext.Loader.setConfig({ enabled: true, paths: { 'Ext.ux': 'scripts/ex原创 2012-09-09 18:27:07 · 6826 阅读 · 8 评论 -
一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建输出验证码图片的控制器
登录窗口完成后,还需要几个步骤才能完成登录。现在先来完成输出验证码图片的控制器。要完成这个,需要使用VerifyCode类,该类是在网上找的,因为年代久远,出处都忘记了,在此向作者说声抱歉。 先在项目下创建一个Helper目录,该目录将用来放置一些辅助性的类,包括一些自定义的实用方法。然后把VerifyCode.cs文件复制到该目录下,打开该文件,为其添加命名空间“SimpleCMS.H原创 2012-09-09 18:20:01 · 6462 阅读 · 2 评论 -
一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之用户管理(3)
昨天还有一个错误,CheckColumn的样式和图片没复制过来,造成最后一列的Checkbox显示不正确。在Ext JS包的examples\ux\css目录下打开CheckHeader.css文件,将文件里的全部样式定义复制到app.css中。然后修改将带背景图片的路径修改为“../images”。最后将image目录下的check.gif和uncheck.gif文件复制到scripts\app原创 2012-09-27 18:14:43 · 5029 阅读 · 22 评论 -
如何将简单CMS后台管理系统示例转换为Java、Php等不同后台语言的版本
等下要去坐车,今天就不继续唠叨开发过程了,来谈一下普遍比较关心的后台语言问题。学习Ext JS,笔者一直强调学习的中心思路是“界面与数据是分离”。只要好好掌握这个思路,深入了解Ext JS的运作过程,就不会为后台语言使用什么而困扰了。可以说,只要思路明确,要将一个Ext JS项目迁移到不同的后台语言平台,那是轻而易举的事。下面就以本示例做一个简单的讲述。如果你放下语言的包袱,坚持把本示例的文章看完原创 2012-09-29 11:01:30 · 4771 阅读 · 2 评论 -
一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之用户管理(4)
现在来完成删除功能。目前的Grid,一次只能选择一行,也就是说,一次只能删除一行,不太方便,因而要设置成使用复选框选择,并允许多选的。在用户视图脚本文件中,添加以下配置项实现这个: selType: "checkboxmodel", selModel:{ checkOnly: false, mode: "MULTI" }, 打开页面浏览,会看到如图29所示的效果,已经可以在最左边通过复原创 2012-09-28 16:21:20 · 4908 阅读 · 3 评论 -
一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建项目
打开VS2010,在主菜单选择文件,新建,项目,在如图1所示的弹出窗口中已安装的模板下选择C#的Web模板,然后选择“ASP.NET MVC 3 Web应用程序”,将项目名称修改为SimpleCMS,单击确定按钮后将显示如图2的窗口。图1 新建项目窗口图2 新建MVC 3项目 在图2窗口中,确保模版为空模板,视图引擎为Razor,最后单击确定按钮完成项目的创建。 创建项目后,首原创 2012-08-18 17:26:19 · 20278 阅读 · 22 评论