2008-05-05

HttpProxy使用方法

HttpProxyTest.html

<html>
<head>
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script language="javascript" type="text/javascript">
var conn=new Ext.data.Connection({
  url : "http://127.0.0.1:8080/CommonWeb/jsonData.jsp"
 });
var hp=new Ext.data.HttpProxy(conn);

hp.addListener({
 beforeload : function(){alert("beforeload")},
 load : function(){alert("load")},
 loadexception : function(){alert("loadException")}
});
var read=new Ext.data.JsonReader({
  id : "rowid",
  root : "rowset",
  totalProperty : "count"
  },[{
   name : "title"
  }]
 );

hp.load({
   start : 0,
   end : 1
  },
  read,
  backFn
 );

function backFn(data,args,isSucess){
 alert(isSucess);
 alert(data.totalRecords)
 alert(data.records[0].id)
 alert(data.records[0].get("title"))
}
</script>
</head>

<body>


</body>
</html>

JsonData.jsp 返回JSON数据结构如下

{
 "id":"rowid",
 "count":"1",
 "rowset":[{
   "rowid":"1",
   "title":"Dangzhao Test"
 }]
}

 

 

评论
发表评论

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