EasyUI Forum

Hi.

Want to load remote data to combobox by loader, but in combobox filter

It's easyu in a normal combobox like this

             <input id="searchWord" name="searchWord" class="easyui-combobox" style="width:300px" data-options="
                         loader: myloader,
                         mode: 'remote',
                         valueField: 'name',
                         textField: 'name',
                         hasDownArrow: false,
                         iconCls:'icon-search">

But now i want to do it in a filter combobox

Have this:

      dg.datagrid('enableFilter',[
         {field:'profileImage',type:'label'},
         {
            options:{
               valueField:id,
               textField:name,
               onChange:function(newVal,oldVal){
                  //CALL MYLOADER
               }
            }
         
         }
      ]);

But can't see how.

Regards

Jesper

If your 'profileImage' field is the combobox filter, please try this:

Hi jarry.

Thanks for reply.

Before the post, i tried the same that you show in the sample, but i forgot the mode:'remote'. Added it, and the combobox now show matched keywords.
 
The datagrid have several columns, some that have a filter, and some without filter. The one i try with, is the column personName.

Sample: profileImage and mailaddress with no filter. On column personName i want a combobox (showed fine), but with loader.

      dg.datagrid('enableFilter',[
         {field:'profileImage',type:'label'},
         {field:'mailAddresse',type:'label'},
         {
            field:'personName',
            type:'combobox',
            valueField: 'name',
            textField: 'name',
            loader: myloader,
            mode: 'remote'
         }
      ]);


    var myloader = function(param,success,error){
        var searchWord = param.q || '';
   if (searchWord.length <= 1){return false}
        $.ajax({
            url: 'getfromdb.asp',
            type:'get',
            cache:false,
            data: {
                value: searchWord,
                st: 'remotelist',
                field: 'personName'
            },
            success: function(data){
                var items = $.map(data, function(item,index){
                       return {
                        id: index,
                        name: item
                    };
                });
                success(items);
            }             
        });

       
    }

When typing "ab" in the personName combobox filter, myloader returns all match with "ab". Pressing enter key or click, on one of the match in combobox, should filter datagrid with that word.

But how ??

The combobox filtering field should be defined as:

That's a typing error from me

My code is like you describe it

         {
            field:'personName',
            type:'combobox',
            options:{
               valueField: 'name',
               textField: 'name',
               loader: myloader,
               mode: 'remote'
            }
         }

When i type in the personName filter combobox, the loader returns result based on typing. Everything ok so far.

Now, when i'm finished typing, it doesn't do the filter, like in normal text. Think it only can do it on select /click list item, but how ??

Another thing. When typing jesper in personName filter, and tab to next filter (userID), typing in userID and stop typing, it do the filter, but in filterRules there is only the userID filter rule, not the personName filter rule.

You should call 'addFilterRule' method to add a new filter rule when finish typeing. Something likes this:

Thanks jarry

Now it works   ;D


Jesper