黄灯桥的专栏

原创 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建Viewport（2）

现在要考虑的是如何加载标签页内的内容。虽然标签页默认是延迟渲染的（deferredRender值默认为true），但是它会预加载所有的类，因而当类文件很多的时候，加载时间就是一大问题了。这个，也可通过SDK打包的方式解决，不过在设计阶段还是要考虑的。另一种好的解决方法是，只使用标签页的标签，而不使用其主体加载内容，另外使用一个容器，内部使用CardLayout作为布局，类似书中最后一章的示例实现面

原创 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建Viewport（1）

忙活了那么久，终于进入正题，Ext JS MVC开发。开始前，先说说4.1.1的一点点变化。在4.1的时候，要先创建一个扩展于Ext.app.Application的类，然后用create创建它的实例来开始应用程序的。而在4.1.1，则可直接调用application方法开始执行应用程序，简化了。调用application方法，其参数是一个配置对象，主要配置项有以下两个：l name：用来定义应用

原创 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之调整首页显示

登录后，因为只是刷新首页，并没有跳转页面，因而要调整一下首页显示，以便登录后显示系统界面。要区分登录前和登录后，判断Request的IsAuthenticated方法就可以。因为要通过服务器段代码执行不同的脚本，因而要将Loder这些公共代码抽出来独立在一个Script块里，而不同的脚本在不同的代码里，最终代码如下：script>   Ext.Loader.setConfig({       en

原创 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之完成登录功能

登录窗口已经完成了，现在可以完成最后的工作了，主要就是完成Membership提供者的配置。首先打开Web.Config文件，在configuration段内添加一个数据库连接定义，代码如下： >    name="ApplicationServices"connectionString="Data Source=192.168.0.254;InitialCatalog=SimpleCMS;Per

原创 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口调试

现在可以对登录窗口进行调试了。      打开系统的首页页面文件，Views\Home目录下的Index.cshtml文件。要动态加载登录窗口，需要先设置好加载路径，因而在onReady函数上加入以下代码：    Ext.Loader.setConfig({        enabled: true,        paths: {            'Ext.ux': 'scripts/ex

原创 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建输出验证码图片的控制器

登录窗口完成后，还需要几个步骤才能完成登录。现在先来完成输出验证码图片的控制器。要完成这个，需要使用VerifyCode类，该类是在网上找的，因为年代久远，出处都忘记了，在此向作者说声抱歉。      先在项目下创建一个Helper目录，该目录将用来放置一些辅助性的类，包括一些自定义的实用方法。然后把VerifyCode.cs文件复制到该目录下，打开该文件，为其添加命名空间“SimpleCMS.H

原创 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口

完成配置后，要做的是完成登录页面。因为要实现登录之后写入认证信息到Cookie，因而必须做一次跳转。当然，不做跳转，或不写入认证信息也行，但问题比较复杂，在这里还是做简单处理比较合适。还有就是写入认证信息的目的是为了在控制器通过特性控制方法的权限。      既然要跳转一次，就有两种思路了，一种是为了快速显示登录页，可不加载Ext JS，而是使用传统的页面，显示一个登录页，这样页面加载快，用户感受

原创 一步一步使用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，最后单击确定按钮完成项目的创建。      创建项目后，首

原创 一步一步使用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

原创 《Ext JS权威指南》一书的源代码下载地址

书中的源代码可以到华章网站（www.hzbook.com）本书相关页面下载。 http://hzbook.com/Books/6390.html

原创 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之预告篇

笔者的书《Ext JS权威指南》已经出版了，但唯一遗憾是囿于篇幅，没有完整的示例，因而打算利用博客弥补一下，希望大家喜欢。            本系列博文主要目的是通过一个完整的过程介绍Ext JS MVC的开发过程，而后台则使用Asp.Net MVC 3。由于笔者Java水平实在太次，因而只能使用熟悉的C#语言开发，在此，对所有使用Java的读者说声抱歉。不过，Ext JS的开发基本是与后台无

转载 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

翻译 【翻译】Ext JS 4.1的性能

原文：http://www.sencha.com/blog/ext-js-4-1-performance/      在本文，将讲述几个影响Ext JS应用性能的因素。网络延时会严重影响初始化启动时间，尤其是Store的加载时间。CSS处理。Javascript的执行。DOM操作。网络延时      为了最大限度的减少应用启动时间，必须牢记的是，任何域对浏览器的网络连接并发数量是有限制。

翻译 【翻译】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

原创 Ext JS 4的性能与学习之我见——《Ext JS权威指南》后记

《Ext JS 权威指南》终于出版了，心情相当激动，这书可谓是好事多磨，前前后后花了1年多的时间。原来计划是在2011年年底与读者见面的，当时4.0正式版已出，正是需要参考书的时候。但是一个性能问题，让Sencha作出了一个艰难的决定，重构架构，于是就在无奈中等待着4.1版本的出现，然后根据4.1的源代码将书修改了一遍，现在终于可以出版了，心情难免有点过于激动。      Ext JS 4最大的改

原创 《Ext JS权威指南》印出来了，大家很快就能拿到书了

转载 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

原创 《Ext JS权威指南》节选：树的动态加载及节点维护

示例功能      通过树实现动态加载以及实现添加节点、删除节点、修改节点文本已经通过拖动移动节点等功能。     先创建树的表结构： 字段名称 类型 默认值 运行空 说明 ID int   否 自增主键 Text nvarchar(100)   否 显示文本 ParentID int 0 是 父节点的ID      插入以下数据： ID

原创 《Ext JS权威指南》节选：在Visual Studio中实现Ext JS智能提示

Visual Studio（下面简称VS） 2008和2010都有从JS库文件获取智能提示的功能，不过直接使用ExtJS的库文件的话，虽然也有提示，但是不全，应该说是大部分没有，主要原因是VS脚本提示功能是根据原生JavaScript对象的结构读取，而ExtJS的对象定义与原生JavaScript对象完全不同，因而很难取得其属性和方法。因而，要完整支持ExtJS的智能提示，就必须将ExtJS对象的

原创 小弟的新书《Ext JS权威指南》终于出版了

链接：http://product.china-pub.com/3661375&weibo#ml《ext js权威指南》前　言第1章　ext js 4开发入门 / 11.1　学习ext js必需的基础知识 / 11.2　json概述 / 31.2.1　认识json / 31.2.2　json的结构 / 31.2.3　json的例子 / 41.2.4　在javascript中使用json / 41

原创 解决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

转载 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

翻译 【翻译】Deft JS：通过依赖注入实现低耦合MVC

原文：Deft JS: Loosely Coupled MVC through Dependency Injection      应用才刚刚部署？作为经验丰富的软件开发人员，都知道不用多久就要做重大的用户界面修改。无论如何深思熟虑，如何通过需求分析和设计与客户达成一致，能避免修改的设计几乎没有。真正行之有效的软件，是能以最少成本适应不断变化的用户需求的软件。      那么……如何架构软件，才能

翻译 【翻译】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取得巨大进步

转载 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

转载 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

转载 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

翻译 【翻译】优化基于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的新的性能

原创 windows process activation service不能安装或启动的解决办法

近来IIS经常出问题，如ASP不能运行，运行cshtml的文件解释不了，在网上翻了不少资料，知道是windows process activation service的问题。重新安装IIS和windows process activation service都不行，后来找到以下文章：http://support.microsoft.com/kb/976982按一下步骤操作，就可正常安装IIS和wi

转载 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

转载 Ext JS 4.1 Beta 2发布

下载地址：http://cdn.sencha.io/ext-4.1.0-beta-2.zip更新说明：Button EXTJSIV-4768 Layout Managers - Border Layout: "Center" layout and "Splitter above me" layouts are overlapping when clicking three times

翻译 【译】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！此版本已修复上百个错误。作为第一个测试版，有几个问题，我们想解决，但我们最后决定，它们并不是关键问题，足以延迟新版本的发布。这些都是已记录在发行说明文件

翻译 【译】ExtJS 4.1会带来什么

原文：http://www.sencha.com/blog/whats-new-in-ext-js-4-1/      即将到来的ExtJS 4.1的焦点是性能。我们一直在为这努力工作，而这主要集中在两个方面：渲染和布局。虽然我们的大多数时间一直致力于这项努力，但也有很多其他方法的进展可以分享。这些改进当中，主要的改进包括Grid、BorderLayout和海王星主题预览这些内容。      性能

原创 离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

翻译 【译文】ExtJS 4.1性能预览

原文：http://www.sencha.com/blog/ext-js-4-1-developer-preview/      很高兴，今天发布了一个ExtJS 4.1的性能改善的预览版。在过去几个月，我们一直在努力地改善加载时间、渲染和整个框架内布局的性能，一直使用自己的例子和你们的应用程序做跨浏览器的基准测试和性能优化，并取得了一些显著的改进。      今天，我们将开放当前的生成包，让你的

原创 Step by Step WebMatrix网站开发之三：Razor语法之一

因为在MSDN中没有具体的 Razor语法介绍，因而笔者的这些语法讲述也是从一些英文博客中抄来的，有错漏在所难免，请见谅。       以下是参考的博文：ASP.NET MVC 3 Preview 1 – Razor SyntaxASP.NET MVC 3 Preview 1 -

翻译 ExtJS 4.1更新

原文：http://www.sencha.com/blog/ext-js-4-1-update/      在8月的ExtJS 4.1预览的博文中，谈到其更新将集中在性能和文档两个方法，而且预期其发布时间为9月份的中后期。令我们失望的是，我们不能预期发布产品，现在，只能更新我们的

翻译 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

翻译 ExtJS应用架构设计（三）

原文：http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-3/?mkt_tok=3RkMMJWWfF9wsRonuKrLZKXonjHpfsX56uolXaS2lMI%2F0ER3fOvrPUfGj

翻译 ExtJS应用架构设计（二）

原文：http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-2/         在《ExtJS应用架构设计》一文，我们探讨了如何使用ExtJS构建一个潘多拉风格的应用程序。我们采用了MVC架构，并将