Datatable Select2

Tabraiz Feham

How can we make select2 dynamic select with ajax using that plugin try to use that extension but no any option or example mention for ajax based data options.

https://editor.datatables.net/plug-ins/field-type/editor.select2

Is that any example your fetching options dynamically any help appreciated.

Tabraiz Feham

@allan plz help me out to sort out the issue

allan

You can pass any Select2 option directly to Select2 by using the opts property of the field. e.g.:

 {
   "label": "State:",
   "name": "state",
   "type": "select2",
   "opts": {
       "placeholder": "Select State",
       "allowClear": true
   }
}

You can also pass through Select2's Ajax configuration options in that same way.

Allan

rizwansultan88

@allan I'm also facing same issue datatable show select2 items but css out and not triggering save event one more thing I want to know how we render selected value in datatable is that select method work for it. I don't want to render javascript during runtime any work around or running example.

You're quick help appreciated.

{ data: "ItemType" , render: function ( data ) {    
                if(data==0){
                    return "--";
                } 
                 return OtherTypeJs[ data ]; 
                } 
            }

allan

I'm also facing same issue datatable show select2 items but css out and not triggering save event one

Can you give me a link to a page showing the issue please?

one more thing I want to know how we render selected value in datatable is that select method work for it.

If the data to show in the table is available in the data source object for the row, you would do it with columns.data, just like in this example.

Allan