Implementing Select2 jQuery pluggin with datatables

kirisafar

Hi guys,

I'm working on a internal CMS and I'm trying to implement select2 (http://ivaynberg.github.com/select2/) and datatables specifically with the editor plugin.

I've managed to have them working separately on the same page but how do I go to get the select box inside the envelope form?

allan

Hi kirisafar,

I see your Editor trial is over how. How did you get on with it? Hopefully well if you are planning to continue using it here! All feedback is always welcome.

To answer your question, you would use a field type plug-in, as described in this tutorial: https://editor.datatables.net/tutorials/field_types . That would create a wrapper around select2 which Editor can use.

Regards,
Allan

kirisafar

Hey Allan,

Thank you, I didn't expect that quick a reply from you, that's awesome! I'm pushing to have datatables in our CMS and then we would need a multiple developer license. For that I need to create a Vulnerability Assessment report: Are there any documented vulnerabilities in your plugin?

Thank you so much again.

allan

> Are there any documented vulnerabilities in your plugin?

Not as far as I am aware. There was a vulnerability in TableTools 2.1.4- whereby an injection attack could read local cookies etc, but that has been patched in the 2.1.5 release. I'm not aware of any issues in the current releases of the software.

I hope this helps, but do let me know if you have any other questions.

Regards,
Allan

nisof

maybe this is too late - but select2 is really easy if you just need single selects. add this to the editor events
"onOpen" : function(json, data) {
$("#DTE_Field_dept\\.id").select2({
'placeholder' : "Select options",
'dropdownAutoWidth':'false',
'minimumResultsForSearch':'-1'
});

jpgnz

Is it possible to elaborate on this a bit with a working example? Trying to figure out how it fits together, links in thread are dead.

---- edit ----

Never mind, sorted it. FYI:

editor.on('onOpen', function(e) {
    $('#DTE_Field_salary').select2({
        ajax: {
            dataType: "json",
            url: "/assets/js/datatables/moredummy.json",
            results: function (data) {
                return {results: data};
            }
        }
    });

});

// /assets/js/datatables/moredummy.json
[ {"id": 1, "text": "option1"},
  {"id": 2, "text": "option2"},
  {"id": 3, "text": "option3"} ]