Kanban Dialog File Upload Control

[Muhammed]

Hi. I'm new to syncfusion. I looked for old entries about this but couldn't find one. Is there a way to use file uploader in kanbans dialog? 

[Vinitha Jeyakumar]

Hi Muhammed,

You can achieve your requirement using the Kanban edit dialog template. please check the code below,

Code snippet:

                <ejs-kanban id="Kanban" keyField="Status" dataSource="@ViewBag.data" dialogOpen="onDialogOpen" created="onKanbanCreated">

                    <e-kanban-columns>

                        . . .

                            . . .

                    <e-kanban-dialogsettings template="#dialogTemplate"></e-kanban-dialogsettings>

                </ejs-kanban>

    <script id='dialogTemplate' type="text/x-template">

        <table>

            <tbody>

                <tr>

                    <td class="e-label">File Upload</td>

                    <td>

                        <input type="text" name="Upload" id="Upload" class="e-field"  />

                    </td>

                    </td>

                </tr>

            </tbody>

        </table>

    </script>

    @section PreScripts {

        <script>

            var kanbanObj;

            var statusData = ['Open', 'InProgress', 'Testing', 'Close'];

            var assigneeData = ['Nancy Davloio', 'Andrew Fuller', 'Janet Leverling',

                'Steven walker', 'Robert King', 'Margaret hamilt', 'Michael Suyama'];

            var priorityData = ['Low', 'Normal', 'Critical', 'Release Breaker', 'High'];

            function onKanbanCreated() {

                kanbanObj = this;

            }

            function onDialogOpen(args) {

                if (args.requestType !== 'Delete') {

                    var curData = args.data;

                    var fileUpload = new ej.inputs.Uploader({});

                    fileUpload.appendTo(args.element.querySelector('#Upload'));

                    

                }

            }

        </script>

    }

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Kanban_dlg_Upl780376770

Regards,

Vinitha

[MUHAMMED YAMAN]

Thanks for the solution. It works like a charm. 

[Buvana Sathasivam]

Hi Muhammed, 

 

Most welcome. Please get back to us if you need any further assistance. 

Regards, 

Buvana S