Vue3 - ListBox or Data Grid for single file upload (per row/item) using FileUpload control

Hello,

I would like some pointers what to use in solution for having upload multiple files.

The template should have

- checkbox

- file name

- file id (hidden)

- FileUpload control

The control will build list of template (items) and when form is posted, it should post all singular (selected) files.

Which control should be used to achieve something like that - ListBox (ListView) or DataGrid?


p.s. in vue3 when itemTemplate property is used for listBox (as v-slot in your examples, your code breaks on finding the "slot" template in list.base class, on compile(template) as this function uses document.query (for template search) - which can not satisfy how vue3 works) - but when itemTemplate is defined as string it compiles fine...




3 Replies

YA YuvanShankar Arunagiri Syncfusion Team May 4, 2022 02:49 PM UTC

Hi Vedran,


We are facing more complexity while integrating the Listbox template with checkbox selection. So, we will try to achieve this requirement by custom sample, and we will update further details on 9th May 2022.


Regards,

YuvanShankar A



VH Vedran Hudec May 5, 2022 11:46 AM UTC

Hello,


you can close this ticket (or mark as solved). I've used DataGrid in implementation (as it's already have checkbox implementation, and added custom column template control with ejs-uploader) and solved the implementation problem with that.


BR,

Vedran



YA YuvanShankar Arunagiri Syncfusion Team May 9, 2022 09:20 AM UTC

Hi Vedran,


We are happy to hear that your issue has been resolved. Please feel free to contact us if you need any further assistance on this. We will be happy to help you out.


Regards,

YuvanShankar A


Loader.
Up arrow icon