`
ppkosd
  • 浏览: 90646 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
文章分类
社区版块
存档分类
最新评论

ExtJs 2.0 公司工程化应用的最佳实践(二)

阅读更多
只有实践才是检验理论是否正确的最好方法 —— 陈治文

在上一讲中,我提到了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



  


  
分享到:
评论
3 楼 bkgr 2007-10-25  
服务器代码怎么会有
var _rs=
var能到处用吗
2 楼 campaign 2007-10-19  
谢谢搂住共享,顶你,学习中
1 楼 ppkosd 2007-10-16  
昨天写了 事例   今天 写了讲解  ~ 讲解在dojochina  请批评指正!

相关推荐

    ExtJs2.0学习系列

    ExtJS是一种基于JavaScript的开源富客户端框架,特别适用于构建企业级的Web应用程序。...文档《ExtJs2.0学习系列.doc》应包含了关于这些主题的详细教程和示例,是学习ExtJS 2.0不可或缺的参考资料。

    extJs2.0 中文手册

    在深入探讨ExtJs2.0的具体知识点之前,需要明确ExtJs2.0中文手册的主要内容涵盖了框架的安装、配置、组件使用方法、事件处理、数据管理以及高级应用开发等方面。 首先,ExtJs2.0中文手册应该会介绍如何安装和配置...

    资料:包括extjs2.0源码

    EXTJS 2.0是Sencha公司开发的一款用于构建富客户端Web应用的JavaScript库,它在Web开发领域具有广泛的应用。EXTJS的核心特性包括组件化、数据绑定、强大的表格和图表功能、丰富的用户界面组件以及对Ajax技术的深度...

    ExtJS2.0简明教程

    ExtJS 是一个很不错的Ajax 框架,可以用来开发带有华丽外观的富客户端应用,ExtJS 是一个用javascript 编写,与后台技术无关的前端ajax 框架...本教程主要是针对ExtJS2.0 进行介绍,全部代码、截图等都是基于ExtJS2.0。

    Extjs2.0 智能提示

    总的来说,ExtJS 2.0的智能提示功能是开发高质量Web应用的重要辅助工具。它简化了代码编写过程,提高了代码的准确性和一致性,降低了出错概率,使得开发者能够更快地理解和掌握ExtJS库,从而更有效地构建功能丰富的...

    ajax框架之extjs2.0

    综上所述,ExtJS 2.0是一个功能强大的AJAX框架,它的组件化开发模式、数据绑定机制以及丰富的API使得开发高效且易于维护的Web应用成为可能。无论是在企业级应用还是小型项目中,ExtJS都能发挥其优势,提高开发效率,...

    ExtJS2.0实用简明教程

    最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习...

    ExtJS2.0.rar_extjs2.0

    在实际开发中,通过阅读并实践这本教程,你可以了解到如何初始化一个ExtJS应用,如何创建和配置组件,如何处理用户交互,以及如何进行数据管理和Ajax通信。此外,还会涉及到如何优化性能和调试技巧,帮助开发者高效...

    ExtJS2.0及API文档和实用开发指南

    在开发指南中,通常会包含教程、示例和最佳实践,这对于初学者来说尤其有价值。它们将指导你如何开始一个新项目,如何创建基本的用户界面元素,如何组织代码结构,以及如何利用框架的各种功能。中文的实用开发指南使...

    用EXTJS2.0做的派出所网站及后台管理

    EXTJS2.0是一款强大的JavaScript框架,主要用于构建富客户端应用程序,尤其在企业级Web应用的前端界面设计上表现卓越。这个项目是利用EXTJS2.0来开发的一个派出所的网站和后台管理系统,它展示了EXTJS在实现高效、...

    《ExtJS2.0实用简明教程》之应用ExtJS详细介绍

    《ExtJS2.0实用简明教程》之应用ExtJS详细介绍

    extjs2.0 下拉列

    ExtJS 2.0 是一个基于 JavaScript 的前端框架,用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括各种用户界面元素,如表格、窗口、菜单和表单控件等。在本例中,我们将重点讨论如何在 ExtJS 2.0 中实现...

    EXTJS 2.0 完整官方范例

    EXTJS 2.0的官方范例,离线html格式!

    ExtJS2.0实用简明教程和api

    ExtJS2.0实用简明教程和ExtJSapi

    ExtJS2.0中文API珍藏版(Include Adobe Air)

    这个"ExtJS2.0中文API珍藏版"提供了一套完整的文档,使开发者能够更方便地理解和使用ExtJS 2.0版本的功能。API(Application Programming Interface)是软件开发中的一个重要概念,它定义了开发者如何与库或框架进行...

    Extjs2.0中文文档

    1. **ExtjsOOP基础**:Ext.js在2.0版本中加强了对面向对象编程的支持,文档中会介绍如何定义JavaScript类,以及如何使用Extjs命名空间和类的继承。这里也会提到Extjs的OOP特性和配置选项的使用方法。 2. **消息框的...

    Ext2 核心 API 中文详解 ExtJS2.0实用简明教程 ExtJS2.0教程 ExtJS2.0实用简明教程(easyjf) ext中文API+ sample

    ExtJS 是一个流行的JavaScript库,专门用于构建富客户端的Web应用程序。...总的来说,通过阅读和实践这些教程和文档,开发者可以全面掌握ExtJS 2.0的核心功能,进而利用其构建出功能强大、用户体验优秀的Web应用。

    ExtJs2.0学习系列.CHM

    关于ext学习的资料,有些例子 ExtJs2.0学习系列.CHM

    ExtJS2.0实用简明教程.rar

    ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程

    中文ExtJS2.0.CHM

    压缩包中的"EXT]ExtJS2.0.CHM"文件,很可能就是包含上述所有内容的离线帮助文件。CHM(Compiled Help Manual)是一种微软开发的帮助文件格式,便于用户在没有网络连接的情况下查阅。开发者可以在本地直接打开这个CHM...

Global site tag (gtag.js) - Google Analytics