数据存储机制（一）

 这里主要用了三种方法：

 第一种： 简单的Json 使用 , 可以放在下拉框中

Ext.onReady(function(){  

    var _store = new Ext.data.JsonStore({  
    data: [{name:"你", age:46, sex:"男"}, {name:"他", age:20, sex:"女"}],
    fields:["name", "sex", "age"]
   });
    alert("sex's count: "+_store.getCount());
    alert(Ext.util.JSON.encode(_store.getAt(0).data)+"/n"+ Ext.util.JSON.encode(_store.getAt(1).data));
    alert("姓名： " +_store.getAt(0).get("name")+"/n"+"性别： "+_store.getAt(1).get("sex")+"/n"+"年龄：

"+_store.getAt(1).get("age"));     
});

 

第二种：调用jsp数据，并显示信息

 Ext.onReady(function(){ 

    var urlJsp = "**.jsp";  //最好写全路径

    var _store = new Ext.data.JsonStore({  
    autoLoad:true, //设置为自动加载，或者使用_store.load(),具体情况而定
    proxy: new Ext.data.HttpProxy({url:urlJsp }),
    fields:["name", "sex", "age"]
   });
     _store.on("load", function(_store){
       alert("test "+_store.getCount());
       var str = "";
       for(var i=0; i<_store.getCount(); i++)
         str += _store.getAt(i).get("name")+"  "+_store.getAt(i).get("sex")+"  "+_store.getAt(i).get("age")+ "/n";
       alert(str);
       Ext.Msg.alert("show", "the type of age 是: " + typeof(_store.getAt(0).get("age")));
      });
     //_store.load();   
});

**.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>  //注意编码
     [{name:"你", age:46, sex:"男"}, {name:"他", age:20, sex:"女"}]

 

第三种：调用xml数据， 并显示出来

        var urlXml = "http://localhost:8086/ext/Excmple/Store/xmlStore.xml";  //最好写全路径
        var _store = new Ext.data.Store({       
                //autoLoad:true, //设置为自动加载，或者使用_store.load(),具体情况而定
                proxy: new Ext.data.HttpProxy({url:urlXml }),
                reader:new Ext.data.XmlReader({record:"row"}, Ext.data.Record.create(["name", "sex" , {name:"age" , type:"int"}]))
            });
            alert("未成功...");
                 _store.on("load", function(_store){
                         alert("test "+_store.getCount());
                         var str = "";
                         alert("成功 ");
                         alert(_store.getAt(0).get("name"));
                         for(var i=0; i<_store.getCount(); i++)
                                 str += "姓名："+_store.getAt(i).get("name")+"  性别："+_store.getAt(i).get("sex")+"  年龄："+_store.getAt(i).get("age")+ "/n";
                         alert(str);
                         Ext.Msg.alert("show", "the type of age 是: " + typeof(_store.getAt(0).get("age")));
                     });
                    
                 _store.load();

xml.xml

<?xml version="1.0" encoding="UTF-8"?> //注意编码
<xml-body>
<rows>
       <row>
               <name>你</name>
               <sex>好</sex>
               <age>20</age>
       </row>
       <row>
               <name>我</name>
               <sex>好</sex>
               <age>22</age>
       </row>
</rows>
</xml-body>