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

ExtJs 2.0 构建的rss新闻 案例

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



这个EXT 2.0 的例子 讲的是怎么样用aspserver和ext2.0构建rss新闻!

服务器部分:

   var _http = new XMLHttp() ;
 
  var _return = _http.get("http://rss.sina.com.cn/news/china/focus15.xml") ;
 
 Write.writeXML(_return) ;




网页部分:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>新闻列表示例</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/ext/source/locale/ext-lang-zh_CN.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(){
 function formatDate(_value){
  var _date = new Date(_value) ;
        return _date.format("Y-m-d H:i:s");
    };
    var _grid = new Ext.grid.GridPanel({
        ds: new Ext.data.Store({
    proxy: new Ext.data.HttpProxy({
     url: "../app/demo.asp"
    }),
    reader: new Ext.data.XmlReader({
        record: "item"
       }, [
        {name: "title", mapping: "title"},
        {name: "datetime", mapping: "pubDate"},
        {name:"link" , mapping:"link"}
       ])
   }),
        cm: new Ext.grid.ColumnModel([
   {header: "新闻名称", width: 300, dataIndex: "title"},
   {header: "新闻发布时间", width: 130, dataIndex: "datetime" , renderer: function(_value){
    var _date = new Date(_value) ;
          return _date.format("Y-m-d H:i:s");
   }},
   {header: "新闻链接", width: 350, dataIndex: "link" , renderer:function(_value){
    return "<a target = \"_blank\" href = \"" + _value + "\">" + _value + "</a>" ;
   }}
  ]),
       renderTo:"example_grid",
        width:800,
        height:300,
  loadMask: true
    });
    _grid.getStore().load();
}) ;


源代码下载:见www.dojochina.com  请批评指正!
分享到:
评论
1 楼 lklkdawei 2008-04-28  
没有源代码
可以提供一下吗?
lklkdawei@163.com

相关推荐

    extJs2.0 中文手册

    最后,ExtJs2.0中文手册可能会包含一些案例研究,这些案例研究将展示如何将上述所有知识点综合起来构建出实际的应用程序。这些案例能够帮助开发者更好地理解框架的使用方法和最佳实践。 由于直接从图像内容中提取...

    ExtJs2.0学习系列

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

    资料:包括extjs2.0源码

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

    Extjs2.0 智能提示

    ExtJS 是一个强大的JavaScript库,专门用于构建富客户端Web应用程序。在ExtJS 2.0版本中,智能提示(Intelligent Hinting)是一项关键特性,它增强了开发人员的编码体验,提高了开发效率。智能提示功能提供了自动...

    ExtJS2.0简明教程

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

    ajax框架之extjs2.0

    ExtJS 2.0是一个基于JavaScript的开源AJAX框架,专为构建富互联网应用程序(RIA)而设计。它提供了一套完整的组件模型、数据绑定机制、丰富的用户界面控件和强大的API,使得开发者能够轻松创建功能强大且交互性强的...

    ExtJS2.0.rar_extjs2.0

    这个"ExtJS2.0.rar"压缩包包含了关于如何使用ExtJS 2.0的资源,特别是"ExtJS2.0实用简明教程.chm",这是一份详细的指导文档,可以帮助开发者快速掌握该框架的核心概念和技术。 ExtJS 2.0的主要特点包括: 1. **...

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

    ExtJS是一种基于JavaScript的开源富客户端框架,专用于构建交互式、桌面级的Web应用程序。在本资源包中,我们重点关注的是ExtJS的2.0版本及其相关的API文档和实用开发指南,这对于初学者理解并掌握这个框架至关重要...

    ExtJS2.0实用简明教程

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

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

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

    extjs2.0 下拉列

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

    EXTJS 2.0 完整官方范例

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

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

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

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

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

    ExtJS2.0实用简明教程和api

    ExtJS2.0实用简明教程和ExtJSapi

    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

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

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

    extjs2.0 使用简明教程之窗口分组

    extjs2.0 使用简明教程之窗口分组,实现分组窗体

    ExtJS 2.0实用教程

    EXTJS 2.0 版本是其发展历程中的一个重要里程碑,提供了丰富的组件、强大的数据绑定机制以及优雅的API,使得开发者能够快速构建出具有桌面级应用体验的Web应用。 在EXTJS 2.0中,主要包含以下几个关键知识点: 1. ...

Global site tag (gtag.js) - Google Analytics