ExtJS3 ComboBox 加载远程的JSON数据

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all-debug.js"></script>
<script type="text/javascript" src="ext/src/locale/ext-lang-zh_CN.js"></script>
<!--<script type="text/javascript" src="CategoryGrid.js"></script>-->
</head>
<body>
</body>
<script type="text/javascript">
    Ext.QuickTips.init();//添加错误提示
    Ext.form.Field.prototype.msgTarget = "side";//输入框后面加上感叹号
    Ext.onReady(function(){
        new Ext.form.FormPanel({
            renderTo:Ext.getBody(),
            title:'表单',
            width:400,
            height:300,
            items:[{
                xtype:'combo',
                fieldLabel:'车辆类型',
                valueField:'c0201',
                displayField:'c0202',
                mode:'remote',
                // store:{
                //     xtype:'jsonstore',
                //     url:'busInfo.php',
                //     root:'data',
                //     fields:['c0201', 'c0202']
                // },
                // store:new Ext.data.JsonStore({
                //     url: 'busInfo.php',
                //     root: 'data',
                //     fields:['c0201', 'c0202']
                // }),
                store:{
                    xtype:'jsonstore',
                    proxy:new Ext.data.HttpProxy({
                        url:'busInfo.php',
                        method:'GET'
                    }),
                    root:'data',
                    fields:['c0201', 'c0202']
                },
                triggerAction:'all',
                forceSelection :true,
                editable:false
            }]
        });
    });
</script>
<div id="cbx"></div>
</html>


知识共享许可协议
《ExtJS3 ComboBox 加载远程的JSON数据》常伟华 创作。
采用 知识共享 署名-相同方式共享 3.0 中国大陆 许可协议进行许可。
  • 多说评论
  • 签名
  • 新浪微博
  • 默认评论
  • Tab Header 5

0 条评论 / 点击此处发表评论

Tab Content 5

开发技术


开发平台和工具

sitemap     157.11ms