Getting the id from the grid column filter menu

[Matt]

If I set up a multi:true filterable column with a datasource on the grid, the datasource returns an array of objects:

[{ code: "A", description: "DescriptionA"}, {code: "B", description: "DescriptionB"}]

If I set filterable:

<p>{</p><p>multi: true,</p><p>field: "description"</p><p>}</p>

The filter menu displays checkboxes for all the descriptions in the datasource.

But when I select a few and click filter, how can I get it to create the filter object using code rather than description?

[Radoslav]

Hello Matt,

To achieve the desired functionality you can use following approach:
Bind the column to the code field and use template which shows the description field:

{ field: "code", template: "<strong>#: description# </strong>",

Then for the filtering you can use also the template to show the descriptions next to the checkboxes:

{ field: "code", template: "<strong>#: description # </strong>", filterable: { multi: true, search: true, itemTemplate: function(e) {
                    return "<label><input type='checkbox' name='" + e.field + "' value='#= data. code #'/>#= data.description #</label><br>"
                } } },

On the following link I created a small example which demonstrates this approach. Please check it out and let me know if it helps you.

Looking forward for your reply.

Regards,
Radoslav
Telerik

 

 

[Matt]

Thanks Radoslav

That helped us fix our issue.