This is a migrated thread and some comments may be shown as answers.

Grid / Filter Multi Checkboxes with Dynamic Columns

1 Answer 61 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Neil
Top achievements
Rank 1
Neil asked on 18 May 2017, 07:27 PM

I'm trying to implement filter checkboxes with my dynamic column grid. I return a List<string> of options that I retrieve based on the PropertyName that I pass to the read action of the Filterable property.

I keep getting the following javascript error, where X33 is the generic column name that is mapped to the actual data column. Any advice would be great.

VM2049:3 Uncaught ReferenceError: X33 is not defined
    at eval (eval at compile (kendo.all.min.js:25), <anonymous>:3:209)
    at Object.render (kendo.all.min.js:25)
    at Object.d [as render] (jquery.min.js:2)
    at init.createCheckBoxes (kendo.all.min.js:43)
    at init.refresh (kendo.all.min.js:43)
    at init.options.forceUnique.checkChangeHandler (kendo.all.min.js:43)
    at init.trigger (kendo.all.min.js:25)
    at init._process (kendo.all.min.js:28)
    at init.success (kendo.all.min.js:27)
    at success (kendo.all.min.js:27)
 

Here is the relevant code for setting up the columns.

foreach (ColumnSettings col in Model.GridColumns)
{
     columns.Bound(col.PropertyName).Title(col.Title).Width(col.Width).Filterable(ftb => ftb.Multi(true)
         .DataSource(ds => ds.Read(r => r.Action("Unique", "Data").Data("{ field: '" + col.PropertyName + "' }"))));
}

 

1 Answer, 1 is accepted

Sort by
0
Preslav
Telerik team
answered on 22 May 2017, 01:24 PM
Hello Neil,

The provided code snippet looks good to me. Based on it, I am not sure what might be the cause for this issue.

That said, could you please elaborate on the issue and provide the whole definition of the Grid? 

In the meantime, you could check our "Filter Multi Checkboxes" demo: 

http://demos.telerik.com/aspnet-mvc/grid/filter-multi-checkboxes

I look forward to your reply.


Regards,
Preslav
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Neil
Top achievements
Rank 1
Answers by
Preslav
Telerik team
Share this question
or