Inline one-to-many join editing

Inline one-to-many join editing

raxoh63821@ecofreon.comraxoh63821@ecofreon.com Posts: 2Questions: 0Answers: 0

I see that the Editor can handle one-to-many joins (https://editor.datatables.net/examples/advanced/joinArray.html).

Is it possible to handle these joins also with the inline editor (https://editor.datatables.net/examples/inline-editing/join.html)?

What I would like to have is an inline multiple <option> tag where the users can select many entries; for example:

Then the user clicks on Location, and can edit them:

Replies

  • allanallan Posts: 55,108Questions: 1Answers: 8,653 Site admin

    Yes, any of the built in fields can also be used for inline editing. For example, open the first example you linked to and then pop open the browser's console and enter:

        $('#example').on( 'click', 'tbody td:last-child', function (e) {
            editor.inline( this, 'permission[].id', {
                onBlur: 'submit'
            } );
        } );
    

    Then the final column in the table will enter inline editing mode when you click on it. It does change the flow of the table a bit, so you might want to consider bubble() editing for this type of field.

    Allan

  • raxoh63821@ecofreon.comraxoh63821@ecofreon.com Posts: 2Questions: 0Answers: 0

    Thanks for the answer! I tried it a bit on my scenario and it works well.

    But now another question arises: let's say that I want to use chosen js (https://harvesthq.github.io/chosen/). Can I change the look of the "dropdown"?

  • colincolin Posts: 13,282Questions: 0Answers: 2,271

    Yep, we support Chosen as a plug-in field type - see here - you can just use that code in your project.

    Colin

Sign In or Register to comment.