
Ext Ajax 框架
文章平均质量分 94
云烟,不再年轻
积累是一个漫长的过程,它足以可以让你写出N本书的内容
展开
-
Ext JS GridPanel + Sqllite + 查询分页
先看看sqllite的分页sql语句,堪称史上最简单语句,跟Ext Grid的分页参数,简直是天造地设的一对!下面的sql表示查询从第n条到m条的记录select xxx,xxx from xxx where xxx order by xxx limit n,m是不是很简单?跟别的数据库比起来,简直是傻瓜式操作!再看Ext Grid的分页参数store.load({ params: { start原创 2013-08-05 11:18:15 · 2539 阅读 · 0 评论 -
使用ExtJS创建前端WebQQ界面
使用ExtJS创建前端WebQQ界面,使用ASP.NET处理数据存取,为了演示方便用Sqlite3存储数据。功能概述:实现了最基础的一对一的通讯功能,实时收发信息,离线保存信息。来信自动弹出窗口。实现思路:借鉴了早些年的聊天室思想。获取聊天信息是客户端定时向服务器请求,按照发送的用户名来查询此用户是否有新信息。有信息则返回信息。如何获取?思路如下:数据库中为每个用户设置转载 2008-10-28 21:21:00 · 5861 阅读 · 3 评论 -
Extjs结合.NET上传文件
html xmlns="http://www.w3.org/1999/xhtml" >head>link href=Ext/resources/css/ext-all.css rel=stylesheet type=text/css />script type=text/javascript src=Ext/adapter/ext/ext-base.js>script>scr原创 2008-10-28 21:15:00 · 3189 阅读 · 1 评论 -
codeSmith实现ExtJS中Grid代码生成
新的项目中。要使用ExtJs,为了简单,写了这么一个简单的CodeSmith模板来根据数据库中的表生成Grid。代码如下: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> Name: GetClassName(SourceTable)转载 2008-10-17 09:20:00 · 2021 阅读 · 0 评论 -
阅读Ext 学习Javascript(二)Core/Ext.extend 从继承说起
一般的,如果我们定义一个类,会定义一个function对象,然后将公用方法写到其原型上,例如: var Tiger = function(){} Tiger.prototype.Hunting = function(){} 但是要建立一个完善的框架或者类库,没有继承帮忙,组织代码将是一件非常辛苦且难以管理的工作。Js中的类是function对象,实现继 承,主要要原创 2008-07-03 17:29:00 · 1177 阅读 · 0 评论 -
阅读Ext 学习Javascript(一)Core/Ext.js
从Library的角度去看,Ext和Prototype JQuery YUI没有太大区别,但它有它的优点,完整的OO支持、成熟的通用widgets并支持主题、良好的扩展性、快速的更新发布新的widgates、社区也 很热闹。最重要的是我个人比较喜欢它。 首先打开源代码看一下它的结构: 从core开始看吧 Ext = {version: 2.0-bet转载 2008-07-03 15:32:00 · 1134 阅读 · 0 评论 -
Ext2.2-用XML做数据源,可编辑Grid的例子
原文地址:http://www.java2000.net/p8972先看看运行效果html源代码查看复制到剪切板打印html> head> meta http-equiv="Content-Type" c> title>Editor Grid Exampletitle> link rel="stylesheet" type="text/css" href="../res转载 2008-09-03 21:17:00 · 1513 阅读 · 0 评论 -
ExtJs与WCF交互:生成树
上文做了下Ajax与WCF进行json交互的简单介绍,本文阐述一个具体的实际应用:ExtJs与WCF交互,生成树.也很简单.先看看最终的效果吧: 第一步: 创建一个.net framework 3.5的网站项目ExtJsTreeWcf 第二步: 在网站项目中创建一个启用了Ajax的WCF服务WcfTreeService.svc,创建好之后,对该服务做如下的更改: 1)在WcfTr转载 2008-08-01 16:32:00 · 1380 阅读 · 0 评论 -
Ext中文文档在线版与AIR绿色打包版alpha 0.1
预览: http://www.ajaxjs.com/docs/AIR版文档中心下载: http://www.ajaxjs.com/docs/Ext 2 API Documentation.zip ~3MB要求:Adobe AIR虚拟机 v1.1或以上 用法:直接打开2.1 API Documentation.exe完整任务进度表(包括了我们翻译小组的人员名单):原创 2008-07-24 14:37:00 · 1525 阅读 · 0 评论 -
用 Ext JS 构建 Ajax 应用程序
Ext JS 是一种强大的 JavaScript™ 库,它通过使用可重用的对象和部件简化了 AsynchronousJavaScript + XML(Ajax)开发。本文介绍 Ext JS,概述它背后的面向对象 JavaScript 设计概念,解释如何使用Ext JS 框架开发富因特网应用程序的用户界面元素。 当今有许许多多的 Web 开发框架,开转载 2008-07-24 10:44:00 · 2049 阅读 · 0 评论 -
EXT2.0 下拉树例子
看了很多关于EXT下拉树的实现, 发现很多例子都是对EXT原有的类进行扩展, 而且都发现用起来很费劲 在这里,本人实现的EXT下拉树是直接使用 Ext.form.ComboBox + Ext.tree.TreePanel, 将两者结合起来,不需要额外的扩展效果图可见附件一JS代码如下:Js代码 var comboxWithTree = new E转载 2008-07-08 10:39:00 · 2903 阅读 · 1 评论 -
Ext 上传文件,前后台实现, Asp.net 代码
菠菜我最近在搞 Ext 开发的邮件系统, 其中就有用到如何上传文件这个大众化的问题,经过我一上午的研究和查资料终于搞定,现在决定把代码共享出来,方便大家,呵呵. 纯属个人原创,所以转贴请注明出处:http://blog.youkuaiyun.com/zhangyunbo1116当然,我使用的是 ExtJs论坛中的一个组件, 非常感叹作者的牛比哄哄. 作者的大名叫: MaximGB .. 呵呵,现在转载 2008-05-05 11:34:00 · 2786 阅读 · 6 评论 -
Ext 用上人民币符号
Ext.util.Format.usMoney 只有美元货币符号下面是人民币的function RMBMoney(v){ v = (Math.round((v-0)*100))/100; v = (v == Math.floor(v)) ? v + ".00" : ((v*10 == Math.floor(v*10)) ? v + "0" : v);原创 2008-04-25 10:46:00 · 3635 阅读 · 1 评论 -
使用Ext.UpdateManager实现页面任意部分自动刷新处理
通常我们使用html标签meta实现页面的自动刷新处理,这种方式会刷新整个html页面,但是很多情况下我们只需要更新页面中某一部分。Ext.UpdateManager为我们提供了一种随心所欲地刷新页面中任意部分的功能,并且为用户提供更好的浏览体验。 我们知道Ext.get()能够得到页面中任意一个Element的引用,只要该元素配置了一个id属性,请看下面的代码片段:sp转载 2008-04-24 15:03:00 · 2779 阅读 · 0 评论 -
extjs实现左侧tab
layout = new Ext.BorderLayout(document.body, ...{ center: ...{ titlebar: false, tabPosition: left转载 2008-04-24 15:06:00 · 3827 阅读 · 1 评论 -
对《Ext2.0 form使用实例》的一点补充
经过新一轮实践,又掌握了不少东西。本文针对《Ext2.0 form使用实例》中没有谈到的东西进行一点补充。1、 增加一个空白列转载 2008-04-18 11:39:00 · 1297 阅读 · 0 评论 -
ExtJS+Jquery实现文件上传
jQuery.extend({ createUploadIframe: function(id, uri){ var frameId = jQuery + id; if(window.ActiveXObject) { var io = document.createElement( + frameId + " name=" + frameId + " />); if(typeof原创 2008-10-28 21:09:00 · 2737 阅读 · 1 评论 -
ExtJs2.02官方实例aspx(.net)版
由于Extjs自带的例子中有些是需要用到php的,但我们asp.net开发人员并没有PHP环境,如果只是为了一两个例子要搞一个PHP环境而大费周折,那就太不华算了。小弟我学过一些PHP,为了方便自己,也方便大家,我把例子中的PHP翻译成了asp.net(C#)。并提供下载,欢迎大家一起学习,讨论!文章最后附下载地址,欢迎大家转载,但请注意出处。添加的目录为转载 2008-10-29 13:50:00 · 2384 阅读 · 0 评论 -
让ExtJs 2.02的例子也支持换肤
今天在论坛看到有朋友问我,网站上的换肤功能是如何做的。其实换肤的方法在下载回来的例子中是已经存在的了。但是不知道为什么该功能在ext 2.02下并不可用。 要加上换肤功能主要有两个步聚:1、在html页面(每一个例子)的body中间加上以下代码(换肤工具条)view plaincopy to clipboardprint?"lib-bar" class="转载 2008-10-29 13:53:00 · 1423 阅读 · 0 评论 -
Ext JS GridPanel + WebService + 返回xml数据 + 批量删除
Server端的代码很简单,直接返回DataSet [WebMethod] public DataSet GetDataSet(string dydj) { DataSet ds = SqliteHelper.ExecuteDataset("select BDZMC from ATT_BDZ where DYDJ = '" +原创 2013-07-31 13:53:18 · 1871 阅读 · 0 评论 -
Extjs4 动态更改Store里面的内容
目标:通过选择页面不同的radio,动态更新combobox里面的下了表单的内容。最终效果:1.没有选择前:2.选择列表2后具体代码实现:01Ext.require('Ext.*');02Ext.onReady(function(){03 //1.实体M04 Ext.define('State',{05 extend : 'Ext.data.Model',06转载 2013-07-23 21:21:38 · 3742 阅读 · 0 评论 -
ExtJS2.0中的Store
Store可以理解为数据存储器,可以理解为客户端的小型数据表,提供缓存等功能。在ExtJS中,GridPanel、ComboBox、DataView等控件一般直接与Store打交道,直接通过store来获得控件中需要展现的数据等。一个Store包含多个Record,同时Store又包含了数据来源,数据解析器等相关信息,Store通过调用具体的数据解析器(DataReader)来解析指定类型转载 2008-11-26 15:26:00 · 2012 阅读 · 0 评论 -
ExtJs的.NET控件----TabContainer和TabPanel
TabContainer通常是与TabPanel控件配合使用的,目前很多控件库以及控件产品里基本都有这两个控件,标准控件里虽然没有,在ASP.NET AJAX里已经提供了这两个控件,用他们可以很方便的来定制选项卡级的开发。但是不同的控件都有他的优点和不足之处。 比如ASP.NETAJAX里的我个人觉得界面效果太难看了,即使使用CSS也不好控制开发的灵活性不够好;如果说原创 2008-11-24 16:15:00 · 2302 阅读 · 0 评论 -
使用 ExtJS TreePanel 从 ASP.NET AJAX Web Service 获取、绑定和显示树
1.Web ServiceCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->[WebService(Namespace = "http://tempuri.org/")][WebServiceBinding(ConformsT转载 2008-11-24 15:53:00 · 2840 阅读 · 2 评论 -
ExtJS中从WebService获取数据保存到本地,填充GridPanel实现静态数据分页
最近做一个网站,无意中发现竟然有ExtJS这样美妙的东西于是后台就用ExtJs来做了,做的时候碰到一个问题就是GridPanel只能对动态数据进行分页,而之前业务层已经全部写好了,再修改实在不方便而且网站数据量不大,所以就想能不能先把数据全部获取到本地,然后再对本地数据进行分页琢磨了好几天,结合网上一些人的方法,初步实现了一套方法,全部代码如下,注释有说明代码Code[copy to clipbo转载 2008-11-24 15:47:00 · 2684 阅读 · 0 评论 -
ExtJS的.NET控件----YuiGrid(数据绑定、同步/异步取值)
YuiGrid是ExtJs的.NET控件, 其功能类似标准的GridView控件,又各有所长,本文将简单的介绍下ExtJS的.NET控件中的YuiGrid控件的一些常用功能和实现。 一、数据准备 建立数据(MSSQL 2005),字段如下图所示: 二、效果预览 YuiGrid的界面呈现的效果如下图:转载 2008-11-24 16:25:00 · 2017 阅读 · 1 评论 -
ExtJs的.NET控件----YuiGrid(分页/在线编辑)
本文将介绍ExtJs的.NET控件YuiGrid分页机制和在线编辑功能. 一、分页 YuiGrid的分页机制不是很强大,内置有两种分页样式,下图便是其中的一种. 本示例代码是借鉴于YuiGrid源代码中的测试案例的代码,使用MSSQL2005数据库,下面为分页查询的代码: Code highlighting produced by Acti转载 2008-11-24 16:22:00 · 4323 阅读 · 0 评论 -
使用ExtJS GridPanel从Web Service 获取、绑定和显示数据
本文将向大家介绍一种使用 ExtJS 的 GridPanel 组件从 ASP.NET Web Service 获取 XML 数据并进行绑定和显示的方法。GridPanel 组件在进行数据绑定时可以接收多种数据格式。其中以 JSON 和 XML 最为常见。如果要给 GridPanel 绑定JSON 格式的数据(这也是网上“通用”和“热门”的解决方案),那么我们需要修改 Web Service转载 2008-11-24 15:44:00 · 4631 阅读 · 0 评论 -
Spring.Net+NHibenate+Asp.Net mvc +ExtJs 系列 4 ----业务逻辑层
上一次我们完成了数据访问层的接口和实现,这次我们按部就班的完成业务层接口及实现,并采用spring.net声明式事务.另外,采用nunit对业务实现进行单元测试. 象petshop框架一样,我们先定义业务层接口,这里只和实体有有耦合.我们拿用户User为例: IUserManagerCode highlighting produced by Actipro CodeHigh转载 2008-11-18 14:57:00 · 2348 阅读 · 0 评论 -
Spring.Net+NHibenate+Asp.Net mvc +ExtJs 系列 2
就以一个简单的DirectCenter项目开始介绍这个框架吧,DirectCenter主要分为用户管理,部门管理,公司管理三个模块。首先先搭建起解决方案DirectCenter: DirectCenter: DirectCenter.Model (类库项目)实体类库,其中包括hibernate转载 2008-11-18 14:49:00 · 2148 阅读 · 0 评论 -
Spring.Net+NHibenate+Asp.Net mvc +ExtJs 系列 3 ----数据访问层
在上一篇中,我们已经搭建起了整个解决方案的项目,并且建好了数据库,完成了实体类和Nhibernate映射文件.在本文中,将定义数据访问接口,并利用Nhibernate实现接口,利用Spring.net配置起来dao.并对其进行单元测试. 数据访问层也和Petshop等框架一样,分为数据访问的接口以及实现,不过这里的数据访问实现相比之下就清晰和明显了的多,Nhibernate本身就转载 2008-11-18 14:55:00 · 2900 阅读 · 0 评论 -
Spring.Net+NHibenate+Asp.Net mvc +ExtJs 系列 1
本系列文章将演示如果利用Spring.Net+NHibernate+Asp.Netmvc+ExtJs构建多层应用程序.架构具有松耦合性,接口编程,并且有很强的可扩展性.比较适合企业系统开发相关的产品开发.充分利用Spring.Net的IOC,AOP等特性,并且作为整个框架的容器,NHibernate使整个框架更面向对象,并且支持多数据库.Asp.netMvc一改以往Webform转载 2008-11-18 14:48:00 · 2937 阅读 · 0 评论 -
ext异步请求一个aspx/ashx/web service取得数据,服务端返回一个json.然后客户端接收并显示.
今天在论坛中有人问ext和asp.net是如何进行交互的,对于一个刚入门的新手来说,这个问题可能会使其比较迷惑,下面我写一个非常简单的例子来说明一下ext如何与asp.net来进行数据交互 Default.htm:html xmlns="http://www.w3.org/1999/xhtml" >head> title>Untitled Pagetitle> link转载 2008-11-13 10:43:00 · 5127 阅读 · 1 评论 -
ExtJS+WCF+LINQ打造全功能Grid
作者:jillzhang出处:http://jillzhang.cnblogs.com/ 本系列文章列表1) Ajax访问Xml Web Service的安全问题以及解决方案 2) Ajax与WCF交互-WCF之美 3) Ajax与Wcf交互-JSON 4) ExtJs与WCF交互:生成树5) 用ExtJs+Linq+Wcf打造简单grid 6) Ex转载 2008-10-16 11:59:00 · 2331 阅读 · 1 评论 -
用Ext 2.0 combobox 做的省份和城市联动选择框
因项目需要,做了这个,发上来给大家参考一下,呵呵。 刚开始的思路是通过定义好的数组通过combobox的store的loadData方式加载数据,后来发现还不如直接定义好数组格式就是store的格式,然后直接附加到store的data里更简单,而且也方便城市的数据的载入。 我们来看看两个comboBox的定义:转载 2008-04-18 11:38:00 · 2173 阅读 · 1 评论 -
Ext2.0本地模式动态修改combobox选择项
在很多时候,combobox的选择项已经下载到本地,只是存储方式不同,我们就需要动态修改combobox的选择项。例如有一颗树,树的节点就是combobox的选项,在Ext2.0中树的存储格式不是使用store的,而combobox必须使用store,这就需要进行数据转换。本文就以此作为例子,研究一下如何动态修改combobox的选择项。 我们先创建一个带几个选项的树:转载 2008-04-18 11:33:00 · 1920 阅读 · 0 评论 -
ExtJS与.NET结合开发实例(Grid之新增——Form提交篇)
我们新增记录功能的步骤如下: 1.新建FORM FORM的建立是用ExtJS实现在GridForProjectLists.js文件中的。注意的是,我同时做了个ExtJS的ComboBox ComboBox实现: 1var storeDept = new Ext.data.Store({ 2 proxy: new Ext.data.HttpPr转载 2008-02-06 23:19:00 · 2513 阅读 · 1 评论 -
第 9 章 沉寂吧!我们要自己的控件
9.1. 下拉树形选择框TreeField 土豆拍拍,TriggerTreeField,50元。目前仅有1.x实现。9.2. 带全选的checkbox树形CheckBoxTree 土豆压箱底树形扩展。目前仅有1.x实现。9.3. 带全选的checkbox的grid 因为2.0中提供了checkbox原创 2008-02-06 22:52:00 · 1120 阅读 · 0 评论 -
第 8 章 哭泣吧!现在才开始讲基础问题
8.1. Ext.get ext里用来获得Element的一个函数,用途还算比较广,可以通过不少途径获得咱们需要的Element,而这个Element包括很多有趣的功能。Element跟document.getElementById("myDiv")得到的dom对象是不一样的,虽然你还可以使用老方式获得指定 id的元素,但那样就失去了ext提供的各种常用操作,动画啦,定位啦,css啦,转载 2008-02-06 22:47:00 · 978 阅读 · 0 评论 -
第 6 章 奔腾吧!让不同的浏览器里显示一样的布局
6.1. 有了它,我们就可以摆脱那些自称ui设计师的人了。 对布局很是不熟,至今为止,也是一直在抄土豆demo里的BorderLayout,frank的deepcms ProjectTracker里的ViewPort布局而已,不过有了布局,咱们不用再去摆弄frameset了,只需要div就可以做成端端正正的布 局,嗯,只这一点儿就吸引了多少眼球啊。唉,咱们一起学学关于布局的用法吧。转载 2008-02-06 22:42:00 · 1065 阅读 · 0 评论