支持手写输入及联想功能的下拉框

hackbomb

浏览: 217162 次
性别:
来自: 上海

最近访客更多访客>>

181822498

zcediaos

土豆-.-

Bll

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

EXT CSS JavaScript json HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </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.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>

<body>
<script>
Ext.onReady(function(){
        Ext.QuickTips.init();

        var data =
        [
                ['1','Lislie','D005','male'],
                ['2','Merry','D004','female'],
                ['3','Edison','D003','male'],
                ['4','Mark','D002','male'],
                ['5','Leeon','D001','male']
        ];

        // 格式化数据，数据也可采用json数据
        var ds = new Ext.data.Store({
                proxy: new Ext.data.MemoryProxy(data), // 数据源
                reader: new Ext.data.ArrayReader({}, [ // 如何解析
                    {name: 'id'},
                    {name: 'name'},
                    {name: 'depno'},
                    {name: 'sex'}
                ])
        });
        ds.load();

        var storeList = new Ext.form.ComboBox({
                store: ds,
                valueField:'id',     // option的值
                typeAhead: true,
                editable:true,//默认为true，false为禁止手写和联想功能
                displayField: 'name',//option的显示文本
                triggerAction: 'all',
                emptyText:'请选择',
                mode: 'local',
                selectOnFocus:true,
                renderTo:'show',
                width:135
        });

        //取得option值函数
        function getVal(){
            var val = storeList.getValue();//取得option值
            alert(val);
        }

        storeList.on('select', getVal);//当选择时触发该函数
});
</script>
<div id="show"></div>
</body>
</html>

分享到：

树形下拉框 | 让ext项目步入对象化编程

2009-01-09 13:42
浏览 2904
评论(2)
查看更多

2 楼 Jsan 2009-10-29

当mode为'remote'时，手写的时候好像值会被下拉列表里面的元素给覆盖，不知有没有遇到过这种情况

1 楼 Jsan 2009-10-29

当combo的mode为'remote'时，好像不支持手写联想

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论