随笔分类 -  ExtJS

摘要:在上一节中,我们用到了MessageBox,在本文中,我们将介绍一下ExtJS中常用的三种MessageBox。 Ext.MessageBox.alert() 这个方法用来打开一个普通的对话框,对话框中只显示一个确定按钮。 第一个参数为标题栏 第二个参数为内容 效果如下图: Ext.MessageB 阅读全文
posted @ 2013-11-28 12:27 拓荒者FF 阅读(1436) 评论(0) 推荐(2) 编辑
摘要:ExtJS功能繁多,要想彻底的了解确实很困难。作为初学者,如何能找到一条快速的通道呢?我觉得,如果你有Javascript的基础,那就不要惧怕ExtJS的复杂,从动手开始,遇到问题,解决问题,积累经验,这是一条非常快速的学习途径。 从今天开始我将完成一系列ExtJS使用中常常用到的功能,并通过例子的 阅读全文
posted @ 2013-11-27 21:03 拓荒者FF 阅读(1753) 评论(1) 推荐(1) 编辑
摘要:在上一节中,我们介绍了ExtJS 中的服务器段数据代理,在介绍到Direct 代理的时候,我们提到了Ext.Direct。这一节我们将重点介绍Ext.Direct的具体用法,并对上一节中Direct代理进行补充。 Ext.Direct 提供了一种使用Javascript 调用服务器端方法的机制,它与 阅读全文
posted @ 2013-08-26 12:18 拓荒者FF 阅读(5509) 评论(1) 推荐(1) 编辑
摘要:在上一节我们介绍了客户端的几种代理,本节的主要内容是介绍如何使用服务器端代理,将重点介绍AjaxProxy,这是我们最常用的代理方式。 Ajax web应用程序开发过程中,与服务器端交互的技术最常用的就是Ajax了。Ajax 是使用Javascript创建一个HttpRequest,采用异步的方式从 阅读全文
posted @ 2013-08-23 13:44 拓荒者FF 阅读(7451) 评论(0) 推荐(2) 编辑
摘要:代理(proxy)是用来加载和存取Model 数据的。在开发过程中,我们一般不会直接操作代理,它会很好的配合Store 完成工作,所以在本节内容中,我们主要讲解各种proxy的用法。 代理(proxy)分为两大类:客户端代理和服务器端代理。客户端代理主要完成与浏览器本地存取数据相关的工作,服务器端代 阅读全文
posted @ 2013-08-23 09:29 拓荒者FF 阅读(4343) 评论(0) 推荐(3) 编辑
摘要:我们在上一节中介绍了如何在ExtJS 中自定义类,这一节中将介绍如何自定义数据模型。 自定义数据模型 在上一节中,我们使用Ext.define 来自定义类,通过Ext.define 定义的类都默认继承自Ext.base 类。如果我们将extend 设置为Ext.data.Model,那么定义的类就是 阅读全文
posted @ 2013-08-22 12:19 拓荒者FF 阅读(6199) 评论(0) 推荐(2) 编辑
摘要:ExtJS 允许用户使用Ext.define 自定义类。本文将通过实例介绍如何使用Ext.define自定义类,并介绍ExtJS 的动态加载(Require方法)的使用方法。 Javascript自定义类 在Javascript中,自定义类是这样的: 在这段代码中,我们定义了Person类,它具有N 阅读全文
posted @ 2013-08-22 09:01 拓荒者FF 阅读(36546) 评论(5) 推荐(12) 编辑
摘要:在上一篇中,我们将bootstrap.js引入页面,并没有直接引用ExtJS的脚本文件,而是通过bootstrap在启动的时候动态的选择要将哪些extjs脚本添加到页面中。在本文中我们来介绍一下bootstrap.js的工作方式。 我们在Google Chrome 浏览器中,打开开发人员工具(关于在 阅读全文
posted @ 2013-08-21 14:17 拓荒者FF 阅读(10694) 评论(1) 推荐(4) 编辑
摘要:关于ExtJS 是什么我就不多说了,本系列教程将介绍ExtJS 4.2的用法,这是本系列的第一篇,惯例从Hello World开始。 下载 ExtJS ExtJS 目前的最新版本是 4.2,我们可以从官方网站下载最新版本的ExtJS。 下载地址:http://cdn.sencha.com/ext/g 阅读全文
posted @ 2013-08-20 09:47 拓荒者FF 阅读(62736) 评论(6) 推荐(7) 编辑
摘要:今天我将ExtJSExtender的源代码发布到了codeplex上面,项目的地址是https://extjsextender.codeplex.com/。 ExtJSExtender将ExtJS中的部分控件进行了封装,以asp.net控件的服务器控件的形式提供,可以方便的在项目中使用。目前该项目已经完成了TreePanel、GridPanel、Button、DateField、NumberFi... 阅读全文
posted @ 2013-03-05 16:44 拓荒者FF 阅读(1147) 评论(3) 推荐(0) 编辑
摘要:ExtJS的功能很强大,相应的其API也很庞大,并且看起来并不是很轻松。首先是纯英文的东西,大脑的第一反应就有点迟钝,然后是整页整页的配置、属性、方法、事件等,看上去真的可谓是眼花缭乱。所以本文的目的就是告诉大家如何轻松的看懂ExtJS的API。 进入API文档 当你下载了ExtJS之后,不妨在IIS中为ExtJS新建一个网站,访问该网站的主页,你会看到如下的页面: 点击API Docs... 阅读全文
posted @ 2013-03-05 11:25 拓荒者FF 阅读(18152) 评论(3) 推荐(8) 编辑
摘要:一个后台管理页面大概头部、左侧导航、右侧的在线用户(可有可无)和状态栏(不是必须) 头部一般放一些logo、登陆用户信息和提醒事项等 我上面给出的这个图片就是我用ExtJS实现的一个后台管理页面布局,源代码如下: Ext.onReady(function () { Ext.create('Ext.container.Viewport', { layout: 'bord... 阅读全文
posted @ 2013-03-05 10:19 拓荒者FF 阅读(8213) 评论(6) 推荐(4) 编辑
摘要:原文地址:http://hi.baidu.com/_ollie/item/39e67671c48bfd11d1dcb321 日期格式参考extjs api文档中的Date类型. var md = new Ext.form.DateField({ ............ format: 'Y-m-d 阅读全文
posted @ 2013-02-21 17:09 拓荒者FF 阅读(28939) 评论(0) 推荐(2) 编辑
摘要:ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,与后台技术无关的前端RIA框架。ExtJS的官方网站:http://www.sencha.com/products/extjs/我们可以从官方网站上面下载到最新版的基于GPLv3开源的ExtJS,目前最新版是4.1.1a。如果要在商业项目中使用ExtJS,需要购买它的商业版授权,貌似不便宜的说!下载ExtJS访问官方网站,然后打开下载页面:http://www.sencha.com/products/extjs/download/点击"Download for Ext 阅读全文
posted @ 2013-01-25 12:47 拓荒者FF 阅读(10664) 评论(2) 推荐(1) 编辑
摘要:JSON的序列化和反序列化已经成为Web开发必不可少的知识。现在常用的有System.Web.Script.Serialization下的JavaScriptSerializer来进行处理;另外一个比较常用且高效的类库是JSON.NET。在开发一些小的应用时,由于想尽量较少项目的依赖,所以不太愿意使用JSON.NET。JavaScriptSerializer基本上能满足简单的需求,但当一个属性要序列化成别的名字时,就显得力不从心了。还有就是可能业务需要,某些属性不希望在某一个条件下进行序列化。鉴于上面的业务需要,我们就需要自定义一个JavaScriptConverter。自定义JavaScri 阅读全文
posted @ 2013-01-10 23:30 拓荒者FF 阅读(7289) 评论(0) 推荐(2) 编辑