value is displaying instead of label in select dropdown inline edit

NandhaN

Hi ,

Can any one help me to display label for select drop-down instead of values.

Thanks

rf1234

Let's assume you have these options for your select dropdown:

var yourOpts = 
    [
        { label: "One", value: 1 },
        { label: "Three", value: 3 },
        { label: "Six", value: 6 },
        { label: "Eight", value: 8 }
    ];

In your Editor instance you would have this:

....
{
    label: 'my really nice field',
    name: "yourField",
    type: "select",
    options: yourOpts 
}
....

In the data table you would use rendering to display "One" etc. instead of 1 etc.

....
{   data: "yourField",
    render: function (data, type, row) {
        return $.grep(yourOpts , function(obj){return obj.value == data;})[0].label;
    }
},
....

rf1234

More details on the various options here:
https://www.linkedin.com/pulse/javascript-find-object-array-based-objects-property-rafael/

Some of them won't work in Internet Explorer though. The jQuery solution works in the latest (and final) IE version.

jaxx0rr

ty for this answer. I was hoping this obvious bug would be fixed by now but I take what I can get..