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

最新推荐文章于 2024-10-16 10:13:45 发布

weixin_30871701

最新推荐文章于 2024-10-16 10:13:45 发布

阅读量54

点赞数

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/wengjinbao/archive/2007/11/26/972247.html

版权

网站: JavaEye 作者: ppkosd 链接： http://ppkosd.javaeye.com/blog/132144 发表时间: 2007年10月16日

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

在上一讲中，我提到了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 content="text/html; charset=UTF-8" http-equiv="Content-Type"> <title>Grid示例</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/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.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

[code]