`

关于Ext.form.ComboBox从服务器获取数据

EXT浏览器CSSXMLJavaScript 
阅读更多

首先是服务器数据

<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><?xml version="1.0" encoding="gbk" ?>
<check>
 <result>3</result>
 <record>
  <CUNIT>个人</CUNIT>
 </record>
 <record>
  <CUNIT>河北移动</CUNIT>
 </record>
 <record>
  <CUNIT>测试</CUNIT>
 </record>
</check>

 

把它存成一个xml文件，放到服务器.
使得在浏览器地址栏输入“http://localhost/test/data.xml”时可以打开它。
 
然后就是我们的页面了，当然这个页面只有一个下拉框。html代码如下：
 

 

<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><HTML>
<HEAD>
<TITLE> 测试 </TITLE>
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css">
<script type="text/javascript" src="../ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
</HEAD>
<BODY>
<script>
var proxy = new Ext.data.HttpProxy({url:'http://localhost/test/data.xml'});
var reader = new Ext.data.XmlReader({
        totalRecords: "results",   // 对应xml中的result节点
        record: "record",          // 对应xml中的record节点
        id: "CUNIT"                // 对应xml中的CUNIT节点
     }, [
         {name: 'CUNIT', mapping: 'CUNIT'}  // 把CUNIT节点的数据存入CUNIT列
     ]);
var store=new Ext.data.Store({
       proxy:proxy,
       reader:reader
    });
store.load();   // 加载数据
var fields = new Ext.form.ComboBox({
    fieldLabel: '证件类型',
    name: 'c_idtype',
    store: store,
    displayField: 'CUNIT',    // 把CUNIT列数据显示在列表中
    mode: 'remote',           // 必须
    triggerAction: 'all',
    width:190
   })
Ext.onReady(function()
 {
  fields.render(document.body);
 }
)
</script>
</BODY>
</HTML>
分享到：
| RCP实用技巧
评论
发表评论

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

相关推荐

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