[导入]ExtJs 2.0 弹窗事例
网站: JavaEye 作者: ppkosd 链接:http://ppkosd.javaeye.com/blog/133004 发表时间: 2007年10月18日
责任不是你应该做的事情,而是你必须做的事情 -- ppkosd
服务器部分:
代码
var _http = new XMLHttp() ; var _return = _http.get("http://rss.sina.com.cn/news/china/focus15.xml") ; Write.writeXML(_return) ;
网页部分:
代码
<html> <head> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <title>新闻列表示例</title> <link href="js/ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script src="js/ext/adapter/ext/ext-base.js" type="text/javascript"> </script> <script src="js/ext/ext-all.js" type="text/javascript"> </script> <script src="js/ext/source/locale/ext-lang-zh_CN.js" type="text/javascript"> </script> <script src="js/demo.js" type="text/javascript"> </script> </head> <body> <div id="example_grid"></div> </body> </html>
JS部分:
代码
Ext.BLANK_IMAGE_URL = 'js/ext/resources/images/default/s.gif'; /********************************************************************************/ Ext.namespace("Ext.dojoChina.demo") ; Ext.dojoChina.demo.NewsWindow = function(_record){ var _me = this ; Ext.dojoChina.demo.NewsWindow.superclass.constructor.call(this, { title:_record.get("title"), width: 500, height:300, resizable:false, layout: "fit", plain:true, bodyStyle:"padding:5px;", buttonAlign:"right", buttons: [{ text:"查看详细", handler:function(){ window.open(_record.get("link")) ; _me.close() ; } },{ text: "关 闭", handler:function(){ _me.close() ; } }], items:{ html:_record.get("description") } }); } Ext.extend(Ext.dojoChina.demo.NewsWindow , Ext.Window) ; /********************************************************************************/ Ext.onReady(function(){ 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"}, {name:"description" , mapping:"description"} ]) }), 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"); }} ]), sm: new Ext.grid.RowSelectionModel({singleSelect:true}), renderTo:"example_grid", width:500, height:300, loadMask: true }); _grid.getStore().load(); _grid.on("rowdblclick" , function(_grid){ var _record = _grid.getSelectionModel().getSelected() ; var _window = new Ext.dojoChina.demo.NewsWindow(_record) ; _window.show() ; }) ; }) ;
和前几例 最显著的差别还是js部分: 相同的部分都是采用同一框架!这样的好处是? |
评论也很精彩,浏览评论>>
JavaEye推荐
杭州:淘宝网:高薪急聘架构师和资深开发工程师
广州:优易公司:诚聘Java工程师,开发经理
上海:尤恩斯国际集团:诚聘开发工程师
北京:优秀公司NHNChina招聘:WEB开发,系统管理,JAVA开发, DBA
文章来源:http://ppkosd.javaeye.com/blog/133004
[导入]ExtJs 2.0 弹窗事例相关推荐
- [导入]ExtJs 2.0 公司工程化应用的最佳实践(二)
网站: JavaEye 作者: ppkosd 链接:http://ppkosd.javaeye.com/blog/132144 发表时间: 2007年10月16日 只有实践才是检验理论是否正确的 ...
- MyEclipse导入jquery-1.8.0.min.js等文件报错的解决方案
2019独角兽企业重金招聘Python工程师标准>>> MyEclipse导入jquery-1.8.0.min.js等文件报错的解决方案 MyEclipse导入jquery-1.8. ...
- 通用Excel导入工具V1.0 使用说明
通用Excel导入工具V1.0 使用说明 有时候我们的数据存放在Excel中(特别是对于用户来说更喜欢使用Excel收集一些常用数据),而系统又需要这些数据来处理其他业务,那么此时我们就需要将这些数据 ...
- mysql8.0怎么导入数据_MySQL8.0导入数据
为了安全起见,MySQL8.0默认不允许客户端从本地载入文件.客户端local_infile默认关闭,因此需要在安全路径下导入本地文件. 方法一:在workbench客户端操作查看安全路径 [show ...
- ExtJS 2.0官方实例目录
http://extjs.org.cn/node/81 将会按照ExtJs2.02的例子的分类来完成,并保证所有的例子均可以运行. 教程将会在2008-04-21开始,每周更新.更新后的颜色将会变成蓝 ...
- MyEclipse中导入Spring 4.0源码
到Spring的官网下载开发包,即: ,解压缩后的文件目录如下: 在MyEclipse的编辑窗口,按 Ctrl + Shift + T 打开查看源代码窗口,输入你想查找的类,如下图所示: 当你点击OK ...
- 在mac中导入hadoop2.6.0源代码至eclipse
一.环境准备 1.安装jdk.maven等 2.下载hadoop源代码,并解压 3.将tools.jar复制到Classes中,具体原因见http://wiki.apache.org/hadoop/H ...
- mysql将数据导入mgr_MySQL 8.0.20 MGR数据迁移过程以及注意事项
1.背景 近期由于业务调整,需要将Windows Server 2008 MySQL5.5数据库迁移到Windows Server 2012 MySQL8.0集群MGR中,由于实际部署时,有一台机器硬 ...
- MyEclipse9 导入ExtJs校验报错的处理办法
myeclipse9.0运行速度比之前的版本提高了少,用起来很舒服. 最近心血来潮的想搞搞新出的extjs4.0的时候却遇到了校验报错的问题,很郁闷. 经过多方查找,终于找到了解决办法. 在自己的项目 ...
最新文章
- 一个不错的Spectral Clustering方法的总结
- sql int转换为varchar_常见SQL优化实践
- python程序间通信,python 实现 socket 进程间通信
- Sublime text3中配置Github
- 深入分析 Java 中的中文编码问题--转
- 那些年伴我一起成长的SAP装备
- android 布局: LinearLayout如何使TextView中的内容居中显示
- EclipsePHP Studio 2008快捷方式
- 初步使用计算机说课,初步认识计算机说课稿
- 建设数据中台之前,建议先看这份企业数据能力测评 | 大咖说中台
- pytorch —— 池化、线性、激活函数层
- 泥塑课c语言,【C】泥塑课(From http://www.jisuanke.com/)
- java 开发 加固态_搭建一个完整的Java开发环境
- javascript的window.open()具体解释
- 线上IIS应用程序池自动关闭
- 二分法求函数零点:(递归方法和非递归方法)
- Android Studio接谷歌原生登录
- OpenCV:图片文字分割
- Claus Hansen加入Entrust Datacard,担任亚太地区和日本销售副总裁
- 云计算大数据基础知识点