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

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

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

在上一讲中，我提到了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 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>


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 



  


  

    
    
分享到：
      
      
    

  


  

    

      
      |
      EXT 分页效能问题 解决源代码!
    

  

  

        
  

    
  

    
评论

    
    

  

    3 楼
    bkgr
    2007-10-25  
    
    
  

  
服务器代码怎么会有

var _rs=

var能到处用吗






  

    2 楼
    campaign
    2007-10-19  
    
    
  

  
谢谢搂住共享，顶你，学习中






  

    1 楼
    ppkosd
    2007-10-16  
    
    
  

  
昨天写了 事例   今天 写了讲解  ~ 讲解在dojochina  请批评指正!





    
    
  


  

    
发表评论

            
   您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics