只有实践才是检验理论是否正确的最好方法 —— 陈治文
在上一讲中,我提到了Ext.data.GridPanel的概念,以及ASPServer的概念,现在向大家展现一个示例,来演示ExtJs与ASPServer的无缝结合
服务器部分:
SessionFactory.start() ;
var _rs = SessionFactory.getData("select ziduanname from shopxp_ziduan") ;
Write.writeXML(_rs) ;
SessionFactory.end() ;
网页部分:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Grid示例</title>
<link type="text/css" rel="stylesheet" href="js/ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="js/ext/adapter/ext/ext-base.js">
</script>
<script type="text/javascript" src="js/ext/ext-all.js">
</script>
<script type="text/javascript" src="js/demo.js">
</script>
</head>
<body>
<div id="example_grid"></div>
</body>
</html>
JS部分:
Ext.BLANK_IMAGE_URL = 'js/ext/resources/images/default/s.gif';
Ext.onReady(function(){
var _grid = new Ext.grid.GridPanel({
ds: new Ext.data.Store({
url: "../app/demo.asp",
reader: new Ext.data.XmlReader({
record: "row"
}, [
{name: "saleName", mapping: "@ziduanname"}
])
}),
cm: new Ext.grid.ColumnModel([
{header: "商品名称", width: 145, dataIndex: "saleName"}
]),
renderTo:"example_grid",
width:150,
height:300
});
_grid.getStore().load();
}) ;
以类似http://localhost/document/html/demo.html的形式配置附件的程序,上述代码我先暂不做任何讲解,先让大家有一个体验过程
事例代码下载见http://www.dojochina.com/?q=node/331
分享到:
相关推荐
ExtJS是一种基于JavaScript的开源富客户端框架,特别适用于构建企业级的Web应用程序。...文档《ExtJs2.0学习系列.doc》应包含了关于这些主题的详细教程和示例,是学习ExtJS 2.0不可或缺的参考资料。
在深入探讨ExtJs2.0的具体知识点之前,需要明确ExtJs2.0中文手册的主要内容涵盖了框架的安装、配置、组件使用方法、事件处理、数据管理以及高级应用开发等方面。 首先,ExtJs2.0中文手册应该会介绍如何安装和配置...
EXTJS 2.0是Sencha公司开发的一款用于构建富客户端Web应用的JavaScript库,它在Web开发领域具有广泛的应用。EXTJS的核心特性包括组件化、数据绑定、强大的表格和图表功能、丰富的用户界面组件以及对Ajax技术的深度...
ExtJS 是一个很不错的Ajax 框架,可以用来开发带有华丽外观的富客户端应用,ExtJS 是一个用javascript 编写,与后台技术无关的前端ajax 框架...本教程主要是针对ExtJS2.0 进行介绍,全部代码、截图等都是基于ExtJS2.0。
总的来说,ExtJS 2.0的智能提示功能是开发高质量Web应用的重要辅助工具。它简化了代码编写过程,提高了代码的准确性和一致性,降低了出错概率,使得开发者能够更快地理解和掌握ExtJS库,从而更有效地构建功能丰富的...
综上所述,ExtJS 2.0是一个功能强大的AJAX框架,它的组件化开发模式、数据绑定机制以及丰富的API使得开发高效且易于维护的Web应用成为可能。无论是在企业级应用还是小型项目中,ExtJS都能发挥其优势,提高开发效率,...
最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习...
在实际开发中,通过阅读并实践这本教程,你可以了解到如何初始化一个ExtJS应用,如何创建和配置组件,如何处理用户交互,以及如何进行数据管理和Ajax通信。此外,还会涉及到如何优化性能和调试技巧,帮助开发者高效...
在开发指南中,通常会包含教程、示例和最佳实践,这对于初学者来说尤其有价值。它们将指导你如何开始一个新项目,如何创建基本的用户界面元素,如何组织代码结构,以及如何利用框架的各种功能。中文的实用开发指南使...
EXTJS2.0是一款强大的JavaScript框架,主要用于构建富客户端应用程序,尤其在企业级Web应用的前端界面设计上表现卓越。这个项目是利用EXTJS2.0来开发的一个派出所的网站和后台管理系统,它展示了EXTJS在实现高效、...
《ExtJS2.0实用简明教程》之应用ExtJS详细介绍
ExtJS 2.0 是一个基于 JavaScript 的前端框架,用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括各种用户界面元素,如表格、窗口、菜单和表单控件等。在本例中,我们将重点讨论如何在 ExtJS 2.0 中实现...
EXTJS 2.0的官方范例,离线html格式!
ExtJS2.0实用简明教程和ExtJSapi
这个"ExtJS2.0中文API珍藏版"提供了一套完整的文档,使开发者能够更方便地理解和使用ExtJS 2.0版本的功能。API(Application Programming Interface)是软件开发中的一个重要概念,它定义了开发者如何与库或框架进行...
1. **ExtjsOOP基础**:Ext.js在2.0版本中加强了对面向对象编程的支持,文档中会介绍如何定义JavaScript类,以及如何使用Extjs命名空间和类的继承。这里也会提到Extjs的OOP特性和配置选项的使用方法。 2. **消息框的...
ExtJS 是一个流行的JavaScript库,专门用于构建富客户端的Web应用程序。...总的来说,通过阅读和实践这些教程和文档,开发者可以全面掌握ExtJS 2.0的核心功能,进而利用其构建出功能强大、用户体验优秀的Web应用。
关于ext学习的资料,有些例子 ExtJs2.0学习系列.CHM
ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程
压缩包中的"EXT]ExtJS2.0.CHM"文件,很可能就是包含上述所有内容的离线帮助文件。CHM(Compiled Help Manual)是一种微软开发的帮助文件格式,便于用户在没有网络连接的情况下查阅。开发者可以在本地直接打开这个CHM...