您的位置：首页 > Web前端 > JavaScript

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

2007-11-26 09:21 746 查看

网站: 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() ;
render_code();

网页部分：

代码
<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>
render_code();

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

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

[code]

评论也很精彩，浏览评论>>

JavaEye推荐
杭州：淘宝网：高薪急聘架构师和资深开发工程师
广州：优易公司：诚聘Java工程师，开发经理
上海：尤恩斯国际集团：诚聘开发工程师
北京：优秀公司NHNChina招聘:WEB开发,系统管理,JAVA开发, DBA

文章来源:http://ppkosd.javaeye.com/blog/132144

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航