multiCombo key filter is breaking when special characters encountered!!

Webix JS
#1

multiCombo key filter is breaking when special characters encountered!!

Special chars like: ',&…

Please check in below snippet.

https://snippet.webix.com/dkrv8mj1

My question here is why is it comparing with rendered value instead value which is in record??

But same thing is working fine with combo.

#2

Hello @webix_B_123 ,

My question here is why is it comparing with rendered value instead value which is in record??
This is due to the fact that filtering occurs according to the template. Please check the console for more details:
https://snippet.webix.com/psa6cxmo

#3

The reason why I encoded the data, when < char encounters the following text treating as HTML tag.

Please check below snippet.

https://snippet.webix.com/c9makxkl

“This is due to the fact that filtering occurs according to the template. Please check the console for more details”

This not correct right?
While rendering the data in web-page, browser compiler will decode the data.

#4

@webix_B_123,
It is possible with customize filtering via “suggest” property:

view:"multicombo",  
      ...
    suggest: {
        filter:function(item,value){
        ... //your custom logic
        },
      }

You can create the object with HTML special characters, get getItemText from “suggest” and use regex to replace the html entity equivalent with special characters.
The code can look like this:
https://snippet.webix.com/e8sh7jym

#5

This is not generic, how can I add filter for all the multicombo which i wrote.

I overridden getItemText method, in that I am decoding template returned value.

is that correct?

#6

This is not generic, how can I add filter for all the multicombo which i wrote

As a solution, you can create custom suggest and define filter through defaults properties:

webix.protoUI({
   name:"csuggest",
   defaults:{
   //set of default properties
   },

}, webix.ui.checksuggest))

And then use it the same way like:

view:"multicombo",  
      ...
    suggest: {
        view:"csuggest"
        ...
       }

Please check the snippet:

https://snippet.webix.com/gkkmbtdt

I overridden getItemText method, in that I am decoding template returned value.is that correct?

Yes, you’re right.

#7

Thanks for your replies