ExtJs 2.0 회사 공학화 응용의 최적 실천(二)

2105 단어 html응용 서버extasp
오직 실천만이 이론이 정확한지 검증하는 가장 좋은 방법인 진치문
지난 강의에서 나는 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 섹션:
유사http://localhost/document/html/demo.html첨부 파일을 구성하는 프로그램
사례 코드 다운로드http://www.dojochina.com/?q=node/331 
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();
}) ;
PHP 학습: 네 가지 경계부호와 출력문
javascript--드래그 원리 작은 실례

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage