Extjs combobox typeahead ctrl + v error

时间:2015-02-19 15:11:25

标签: extjs

我有组合框并且键入head true。在更改事件我正在进行ajax请求以获得匹配的结果。

如果键入那么它的工作正常,但是如果我在组合中复制粘贴然后显示结果但是给出和错误并阻止进一步的流程

下面是代码。

{
    xtype : 'combo',    
emptyText : 'Search',
       id : 'search',
    store : Store,  
    width : '50%',
 minChars : 3,
typeAhead : true,
   anchor : '100%',
listConfig : {
        emptyText : 'No Matching results found.',   
        getInnerTpl: function() {                   
            return '<div class="search">' +
                        '<span>{value} - {key}</span>'+
                    '</div>';
        }
    },
listeners : {
   beforequery: function (record) {
                // Added Condition to avoid weird JS error
                if(Ext.getCmp('search').getValue() != null && Ext.getCmp('search').getValue().length <= 4){
                    return false;
                }
        },
        select : function(combo, selection){
            var selectedVal = selection[0].data.value;
            Ext.getCmp('search').setValue( selectedVal );
        },
        change : function () {
            if( Ext.getCmp('search').getValue() != null && Ext.getCmp('search').getValue().length > 4 ){ 
                var searchEle = Ext.getCmp('search');
                var searchType = Ext.getCmp('searchBy').getValue();
                var searchText = '%';
                searchText += searchEle.getValue(); 
                Ext.Ajax.request({
                        loadMask : true,
                             url : URL, 
                          method : 'GET',
                          params : {
                                searchText : searchText,
                                searchType : searchType,
                            },
                           scope : this,
                         success : function( response, callOptions ) {
                                        var myTempData = Ext.decode( response.responseText );
                                            Store.setProxy({
                                                type : 'memory',
                                                data : myTempData,
                                              reader : {
                                                                type : 'json',
                                                                root : 'data',
                                                       totalProperty : 'total',
                                                     successProperty : 'success'
                                                      }
                                                });

                                                Store.load({
                                                       scope : this,
                                                    callback : function(records, operation, success) {  
                                                                }
                                                });
                        },
                        failure : function(response, options ) {
                            loadmask.hide();
                            Ext.Msg.alert( 'Error', genericErrorMsg );
                        }
                    });
            }
        }   
}

错误如下

enter image description here

非常感谢帮助。感谢。

Json回复

{"value":"Test , user @  IB Tech: Strategic Change","key":"45804183"},

1 个答案:

答案 0 :(得分:0)

最后我解决了它。

商店存在一些问题。

我在ajax成功后将其绑定并从初始配置中删除它并解决了。

Store.load({
             scope : this,
            callback : function(records, operation, success) { }
           });
Ext.getCmp('search').bindStore(Store);