51CTO首页
内容精选
博客
学堂
精培
企业培训
CTO训练营
鸿蒙开发者社区
WOT全球技术创新大会
公众号矩阵
移动端
短视频 免费课程 课程排行 直播课 软考学堂
精品班 厂商认证 IT技术 2024年软考 PMP项目管理 软考资讯
在线学习
CTO训练营 技术经理研习营 LeaTech峰会
文章 资源 问答 课堂 专栏 直播
51CTO
开源基础软件社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
开源基础软件社区订阅号
51CTO学堂APP
51CTO学堂企业版APP
开源基础软件社区视频号

Ext JS 4.2 Beta版发布

原文：http://www.sencha.com/forum/showthread.php?251214-Ext-JS-4.2-Beta-is-Now-AvailableToday we are excited to make available the beta release of Ext JS 4.2.For those eager to get the bits, you can down

Ext JS
转载 精选 2012-12-12 15:10:11 605 阅读

Ext JS 4.2 Grid预览

      原文：http://www.sencha.com/blog/first-look-at-ext-js-4-2-grid?mkt_tok=3RkMMJWWfF9wsRokuKTBZKXonjHpfsX77%2BsqWK%2B0lMI%2F0ER3fOvrPUfGjI4HRcV0dvycMRAVFZl5nR9dFOOdfQ%3D%3D&nb

Ext JS
翻译 推荐 2012-12-12 14:45:19 2401 阅读 4点赞 1评论

CMS：文章管理之视图（6）

现在来完成文章管理的编辑窗口。在开始之前，先去官方论坛一个名称为Ext.ux.form.TinyMCETextArea的扩展，地址是http://www.sencha.com/forum/showthread.php?198699。该扩展的作用是将TinyMCE封装为一个表单字段。TinyMCE则是一个所见即所得的HTML编辑器，相当好用的一个东西。下 载解压缩后，把TinyMCETextA

ASP/ASP.NET ExTJS CM
原创 2012-12-05 01:12:46 906 阅读

CMS：文章管理之视图（5）

在完成文章管理功能前，先来完成文章列表工作。文章列表，都是在文章分类选择后执行的，因而要从文章类别的选择入手，文章管理的控制器 Content.js中，文章类别的选择方法已经有了，是onTreeSelect方法，现在要做的就是完成文章列表的功能。在这里有2种方式可供选择， 一种是使用Store的filter方法来实现筛选，一种是利用Proxy的extraParams配置项来完成。第一种方法的好

ASP/ASP.NET ExTJS CM
原创 2012-12-05 01:03:12 476 阅读

CMS：文章管理之视图（4）

现在来完成分类的编辑操作。原来是想用模型加载数据的，但现在想想，用表单加载会方便些。切换到文章管理的控制器，添加onCategoryEdit方法，利用表单来加载数据，代码如下：onCategoryEdit:function () {    var me = this,        tree =

JavaScript
MVC
CMS
ExTJS
ASP/ASP.NET
原创 推荐 2012-11-17 19:11:10 641 阅读 2点赞 2评论

CMS：文章管理之视图（3）

要想让Combobox列表显示像树，只要按Ext JS树的形式组织显示文本就行了。因而先用Firebug分析一下Ext JS树的格式就可以了。在浏览器打开Ext JS示例中的Check Tree示例，依次展开Grocery List和Ebergy Foods节点，会看到图53的效果。图53 Check Tree示例的效果因为Combobox中返回的是一个完整的树，其节点全部是展开的，因而可

JavaScript
MVC
CMS
ExTJS
ASP/ASP.NET
原创 2012-11-17 18:52:12 566 阅读

CMS：文章管理之视图（2）

上一篇已经完成了分类树的显示，现在开始逐步完成分类的添加、删除和编辑操作。首先要做的是在树面板上添加一个工具栏，放置添加、删除和编辑按钮。切换到文章管理视图的脚本文件view.js，在树的定义内，添加以下代码添加工具栏和按钮：tbar: [    { iconCls: "folder-add", scope:me, tooltip: '增加文章类别',id:"Cate

ASP/ASP.NET ExTJS CM
原创 2012-11-11 18:26:18 463 阅读

CMS：文章管理之视图（1）

文章管理的视图与文件管理区别不大，都是分左右两部分。文章管理的左边是树状的分类列表，右边以Grid形式显示的文章列表。基本上重复劳动比较 多，使用Sencha Architect这个可视化工具来做这方面的设计，是不错的选择，如果公司收益好，强烈建议使用，一个开发包的价格是399美金，大约2800人民币， 还是很划得来的，起码比请多个程序员划得来。废话又有点多了，转回正题，在Script

ASP
ASP.NET
ExTJS
CM
MVC
原创 2012-11-11 03:14:54 1261 阅读 9评论

CMS：文章管理之控制器

有了编写用户管理的控制器的经验，写这个问题应该不大。不过，文章管理的控制器还是要考虑一下怎么写这个问题，因为在视图里涉及分类的操作和文章的 操作。这确实是一个比较费神的事。在这里，问题的焦点就是需要不需要拆分的问题了。根据松耦合的原则，必然是拆分的，但是拆得太小，太凌乱，写代码是比较 痛苦的，尤其是象Javascript这样灵活但结构不太严谨的语言。笔者开发大型系统经验不多，因而一向比较随

JavaScript
ExTJS
ASP/ASP.NET
CMS MVC
原创 2012-11-10 17:59:27 651 阅读

CMS：文章管理之模型和Store

文章管理涉及T_Category 、T_Content 、T_Tag 和T_TagInContent 这4个表，在客户端，由于标签的两个表的显示会合并到文章内容里，因而文章管理至少需要2个模型和2个Store，一个是分类的，一个是Content的。现 在的问题是，文章管理界面左边的分类是以树形式显示的，是否需要用到一个完整的模型？完整的模型肯定是需要的，因为分类也要编辑、修改和新增。但树是否直

JavaScript
ExTJS
ASP/ASP.NET
CMS MVC
原创 2012-11-10 17:16:13 934 阅读

CMS之图片管理(5)

现在，图片管理就剩上传文件功能没有完成了。这需要用到swfupload，在《CMS之图片管理（1）》中有它的下载地址和加入项目的说明。使用swfupload最麻烦的地方是要有一个HTML元素让它嵌入加载Flash的HTML代码，而且这个HTML元素必须覆盖住Flash来实现功能，这个有点类似做单按钮的上传按钮。现在，先为swfupload生成一个HTML元素来实现它的功能。实现方法是在显示图片的视

Ext JS Asp.NET MVC 图
原创 2012-11-03 23:06:51 673 阅读 1点赞 1评论

CMS之图片管理(4)

今天来完成排序问题，这个在书中示例不少，不过，在这里啰嗦一下也是有好处的。要实现远程排序，首先要清楚的是排序信息是如何提交到服务器的，而这个，利用Firebug相当简单。在VS，切换到PicManager.js文件，找到filestore的定义，先将renmoteSort修改为true。然后添加sorters配置项，代码如下：sorters: [    { prope

Ext JS Asp.NET MVC
原创 推荐 2012-10-28 17:13:03 684 阅读

CMS之图片管理（3）

现在要完成目录的编辑操作。因为目录的编辑只是改变目录名称，因而使用Cellediting插件就可完成工作。根据书11.3.2节的示例，要完成这个不难，首先在目录树的定义中加入以下语句隐藏列标题：hideHeaders:true, 接着添加plugins配置项来配置CellEditing插件。因为根目录是不运行编辑的，因而需要监听beforeedit事件，如果当前选择节点是根目录就返回fa

Ext JS Asp.NET MVC
原创 2012-10-27 18:03:11 663 阅读

CMS之图片管理（2）

先来完成树目录的显示。开始前，现在解决方案中创建一个Upload目录用来存放上传的图片，为了便于测试，在Upload目录下随便添加两个目录，这里添加1和2。好，现在创建一个名为FolderController的控制器，添加必要的引用后，先添加一个字符串常量，用来表示根目录：stringroot = "../upload"; 在这里使用虚拟目录是因为可以结合提交数据直接转换为实际目录。这里

Ext JS Asp.NET MVC
原创 推荐 2012-10-20 19:39:55 764 阅读 1点赞 4评论

CMS之图片管理（1）

图片管理要在两个地方使用：一是标签页内的图片管理，一是文章内容编辑时嵌套到插入图片的窗口内。因而，将图片管理做成一个扩展比较方便。当然，做成MVC模式也行，不争论，不讨论。 要记住，扩展要写在Scripts\ExtJS\Ux目录下，因为在路径的设置中，扩展目录是指向这里的。在该目录下创建一个名为PicManager.js的脚本文件。 图片管理的主要界面分两部分，左边以树的形式列出文件目录，要实

Ext JS Asp.NET MVC
原创 2012-10-06 17:51:48 1061 阅读 1点赞 2评论

如何将简单CMS后台管理系统示例转换为Java、Php等不同后台语言的版本

等下要去坐车，今天就不继续唠叨开发过程了，来谈一下普遍比较关心的后台语言问题。 学习Ext JS，笔者一直强调学习的中心思路是“界面与数据是分离”。只要好好掌握这个思路，深入了解Ext JS的运作过程，就不会为后台语言使用什么而困扰了。可以说，只要思路明确，要将一个Ext JS项目迁移到不同的后台语言平台，那是轻而易举的事。下面就以本示例做一个简单的讲述。 如 果你放下

Asp.NET
MVC
Ext JS
原创 推荐 2012-09-29 11:06:52 1173 阅读 1点赞 1评论

一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之用户管理（4）

现在来完成删除功能。目前的Grid，一次只能选择一行，也就是说，一次只能删除一行，不太方便，因而要设置成使用复选框选择，并允许多选的。在用户视图脚本文件中，添加以下配置项实现这个：     selType: "checkboxmodel",     selModel:{ checkOnly: false, mo

Asp.NET
MVC
Ext JS
原创 推荐 2012-09-28 16:27:14 1408 阅读 1点赞 1评论

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

昨天还有一个错误，CheckColumn的样式和图片没复制过来，造成最后一列的Checkbox显示不正确。在Ext JS包的examples\ux\css目录下打开CheckHeader.css文件，将文件里的全部样式定义复制到app.css中。然后修改将带背 景图片的路径修改为“../p_w_picpaths”。最后将p_w_picpath目录下的check.gif和u

用户管理
Ext JS
Asp.NET MVC
原创 推荐 2012-09-27 18:22:07 1415 阅读 2评论

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

现在，创建视图，在Scripts\app\view目录下先创建目录Users，然后在该目录下创建View.js。要使用Grid显示用户信 息，因而要从Grid面板派生出视图。定义的时候要注意视图的类名。还有就是一定要定义别名，因为在控制器中是使用widget方法创建的视图实例。如果 不想定义别名，那就要修改创建实例的方式。具体的基本定义代码如下： Ext.define('SimpleCMS.

Ext JS Asp.NET MVC 用
原创 推荐 2012-09-26 17:52:13 1212 阅读 1点赞 1评论

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

应用程序的基本框架已经搭建好了，现在要做的是完成一个个的功能模块。先从简单做起，完成用户管理模块，该模块主要功能是使用一个Grid显示用户 信息，并使用RowEditing进行用户的编辑、添加操作。Grid的分页则在Grid顶部使用分页工具条实现，在工具条上还要添加3个按钮用来添加用 户、删除用户和为用户重置密码。在Grid底部还将添加一个文字说明，说明内容为：双击用户可进入编辑状态，用户密码默认

用户管理
Ext JS Asp.NET MVC
原创 2012-09-25 16:49:06 1112 阅读

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

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

Ext JS Asp.NET MVC v
原创 推荐 2012-09-23 16:28:49 1052 阅读 1点赞 1评论

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

Asp.NET
MVC
Ext JS
原创 推荐 2012-09-16 17:10:21 1435 阅读 1点赞 1评论

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

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

Asp.NET
MVC
Ext JS
原创 推荐 2012-09-15 16:21:21 1579 阅读 4评论

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

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

Asp.NET
MVC
Ext JS
原创 2012-09-15 16:20:35 1023 阅读

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

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

asp.net
MVC
Ext JS
登录窗口
原创 推荐 2012-09-09 18:35:10 2361 阅读 1点赞 1评论

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

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

登录窗口
Ext JS
原创 2012-09-09 18:34:07 1205 阅读

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

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

登录窗口
Ext JS
原创 推荐 2012-09-08 18:49:27 2273 阅读 1点赞 1评论

一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建项目

  打开VS2010，在主菜单选择文件，新建，项目，在如图1所示的弹出窗口中已安装的模板下选择C#的Web模板，然后选择“ASP.NET MVC 3 Web应用程序”，将项目名称修改为SimpleCMS，单击确定按钮后将显示如图2的窗口。 图1 新建项目窗口 图2 新建MVC 3项目       在图

Ext JS MVC
原创 推荐 2012-08-18 17:39:35 2888 阅读 5点赞 5评论

一步一步使用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.   &n

一步一步使用Ext JS
原创 2012-08-18 17:38:25 1238 阅读

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

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

源代码
下载地址
权威指南
Ext JS
原创 2012-07-11 10:52:00 809 阅读
  • 1
  • 2

Copyright © 2005-2023 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
开源基础软件社区 51CTO学堂
51CTO 软考资讯 汽车开发者社区