Show:

ComboBox.RemoteDataSource Class

Module: combobox

数据源,配合ComboBox使用

Constructor

ComboBox.RemoteDataSource

(
  • config
)

Parameters:

Example:

require(['combobox'], function(ComboBox){
    var combobox = new ComboBox({
        srcNode : '#combobox',
        placeholder : 'input..',
        prefixCls : 'search-',
        dataSource : new ComboBox.RemoteDataSource({  //从淘宝获取数据
            xhrCfg: {
                url: 'http://suggest.taobao.com/sug',
                dataType: 'jsonp',
                data: {
                    k: 1,
                    code: "utf-8"
                }
            },
            paramName: "q",
            parse: function (query, results) {
                // 返回结果对象数组
                return results.result;
            },
            cache: true
        }),
        format : function(query, data){  //自定义下拉菜单属性
            var ret = [];
            for(var i = 0; i < data.length; i++){
                ret[i] = {
                    content : data[i][0].replace(query, '<span class="item-text">' + query + '</span>'),
                    textContent : data[i][0]
                };
            }
            return ret;
        }
    });
    combobox.render();
})
  • Index
  • Attributes

Item Index

Attributes

allowEmpty

Boolean

默认 false. 用户输入为空时是否发请求

Default: false

cache

Boolean

默认 false. 是否缓存服务器端数据

Default: false

paramName

String

用户输入发送到后端的参数名,默认 ‘q’

Default: 'q'

parse

Function

可选. 如何根据用户输入对后台返回数据进行过滤。默认

function parser(
    // 用户输入
    inputVal,
    // 服务器返回数据
    data) {
    return data;
}

xhrCfg

Object

传递给 IO 的其他参数