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

dcbjavaeye

浏览: 320212 次
性别:
来自: jls

最近访客更多访客>>

wangyy

让蛋蛋飞_007

hetutu

pangchaoran

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Extjs

EXT 浏览器 CSS XML JavaScript

首先是服务器数据

<?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代码如下：

<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>

分享到：

SQL Server字符串处理函数大全 | RCP实用技巧

2009-04-16 15:01
浏览 2129
评论(0)
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论