Using data-attributes to create that takes an object inside an option

[tahmed]

I want to change the grid initialization from javascript to use mostly data attributes

In my js I have the following:

filterable: {
 name: "FilterMenu",
 extra: true,
 messages: {
  isTrue: "On",
  isFalse: "Off"
  }
},

How do I move it to a data attribute?

I have the following now but how do I fill in the messages part?

data-filterable='{
        "name" : "FilterMenu",
        "extra" : "true",
        "messages" : "{
        }"
    }'

Thanks!

[Alexander Valchev]

Hi Sudhir,

Basically you should transform the JavaScript object into a valid Json.

data-filterable='{
    "name" : "FilterMenu",
    "extra" : "true",
    "messages" : {
        "isTrue": "On",
        "isFalse": "Off"
    }
}'

I hope this will help.

Kind regards,
Alexander Valchev
the Telerik team