On clicking editor field, displaying ID value instead of Label value

Meina

Here is my code,

var editor = new $.fn.dataTable.Editor({
                table: '.organisational-goal-inline-editor',
                idSrc: 'id',
                fields: [{
                        label: "Focus area",
                        name: "focus_area", 
                        type: "autoComplete",
                        opts: {
                            source: output
                        }
                    }..........................




 var table = $(#example).DataTable({

 columns: [
                    {
                        data: null,
                        defaultContent: '',
                        className: 'select-checkbox',
                        orderable: false
                    },
                    {
                        data: "focus_area",
                        editField: "focus_area",
                        render: function (val, type, row) {
                            var focus_id = val;
                            return $.map(output, function (v) {
                                return v.value === focus_id ? v.label : null;
                            });

                        }
                    },

Edited by Allan - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.

allan

We'd really need a link to a test case showing the issue, but my guess is that focus_area is the id? To be honest, I've found the jQuery UI AutoComplete very difficult to use and get it rendering a custom label. The Select2 and Selectize options are (imho) much easier to use.

Allan

Meina

Thank you for your reply.

Yes focus_area is a id.. I used selectize its displaying label name correctly on inline editor but nothing displaying on Add new form for the focus_area do you know the reason?

allan

Not off the top of my head I'm afraid. Is it just a static list of options you are populating the control with, or is it dependent on some other field?

Allan

Meina

Anyway thank you very much.. Its due to css z-index property.