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

最新推荐文章于 2021-04-24 18:20:47 发布

ppkosd

最新推荐文章于 2021-04-24 18:20:47 发布

阅读量118

点赞数

文章标签：应用服务器 EXT ASP HTML

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

在上一讲中，我提到了Ext.data.GridPanel的概念，以及ASPServer的概念，现在向大家展现一个示例，来演示ExtJs与ASPServer的无缝结合

服务器部分：

[code] SessionFactory.start() ;

var _rs = SessionFactory.getData("select ziduanname from shopxp_ziduan") ;

Write.writeXML(_rs) ;

SessionFactory.end() ;[/code]
网页部分：

[code]<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>[/code]

JS部分：

[code]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();
}) ;[/code]以类似http://localhost/document/html/demo.html的形式配置附件的程序，上述代码我先暂不做任何讲解，先让大家有一个体验过程

事例代码下载见http://www.dojochina.com/?q=node/331

[code]