Append the view in multiview

Webix JS
#1

Hi,

How I can append the row(with id:‘rowView’) on add button to the same row structure…

https://webix.com/snippet/f738eadb

Thanks

#2

Hello!
So you want to add rows in ‘combo’ or you want to add more ‘combo’ by button Add ?
Here is an example: https://webix.com/snippet/eed4f2f2

#3

Thanks

#4

Hi,

I am trying to append the uploader View with combo on button click event.
and it may happend like I may have multiple File uploaders with combos.

My uploader is getting appended but it is not appropriate.
https://webix.com/snippet/412393d7

#5

Hi

Please provide solution for this.

#6

Hi,

I am trying to append the uploader View with combo on button click event.
and it may happend like I may have multiple File uploaders with combos.

My uploader widow is getting appended but it is not appropriate even it is not showing ‘Drop File message’.
https://webix.com/snippet/93fcb26b

#7

As I can understand your condition, you want to upload files by click on the row in ‘combo’ ?

#8

Hi

No I just want a view in which on click I Add Button I want a new row with file uploader and Add button as I have added in https://webix.com/snippet/93fcb26b.

Just the thing is file uploader is not working appropriately.

#9

Here is an example of how works <a href = "https://docs.webix.com/desktop__file_upload.html">uploader</a>

#10

Hi,

https://webix.com/snippet/f96daee6

In this snippet on add button click I want to append a new row with same File uploader/browser and Add Button(mentioned in the snippet).

Is there any solution for appending the same File uploader/browser with add button on click handler.

#11

If you need to populate the same structure, please consider the following solution:

https://webix.com/snippet/7c1c17db

According to the related discussions, I assume that you also intend to link all lists to the one uploader, right? In such case, you can

  • use lists as multiple drop zones for the same uploader
  • share data between initial list (which is actually connected to the uploader) and other lists via sync

If each list should have its own uploader, you will need to initialize it after the list is added.

Note that the IDs of all views in the UI has to be unique or shouldn’t be set at all - Webix will provide automatic IDs for such views.

#12

Hi,

I am expecting the same uploader structure. But Now I have added three file uploaders, and if I drop a file in third uploader it is getting reflected in all the File Uploaders.

After droping a file in particular uploader it should be reflected in corresponding uploader only not in all uploader.

#13

We don’t want to share data between lists.

#14

As I mentioned, you can initialize separate uploader for each list.

In such case, a function such as addNewUploaderInstance can handle the initialization.

https://webix.com/snippet/530518cc

#15

Thanks Listopad

#16

Hi Listopad,

As I am not allowed to add an id attribute.

In following snippet my combo list will be different for different list.

Like in combo of first List1 I may have to show only CSV as option so my corresponding file uploader should only accept file with CSV type.

Like wise…

But as we are using copy(with no unique identification), how I can handle it.

https://webix.com/snippet/6f6e0663.

#17

Hi,

Please reply me and in this view is it possible to provide confirmation message while deleting the list element.

#18

Hi Webix Team

https://webix.com/snippet/02989e77

In above snippet, I have a repetative view, in which on each loop iteration I want to have a ajax call to fetch the data for particular combo. But my ajax call executes only once i.e. on third iteration of loop. So is there any way to handel such scenario Or is it due to onAfterRender method?

Please provide solution for this.

Thanks

#19

But as we are using copy(with no unique identification), how I can handle it.

You can use queryView to access nearby elements

https://webix.com/snippet/b74b8c29

        onChange:function(){
          var top = this.queryView({ localId : "block" }, "parent");
          var uploader = top.queryView({ view : "list"})
          console.log(uploader);  
        }

is it possible to provide confirmation message

Yep, you can use onBeforeDelete event of the list
https://docs.webix.com/api__link__ui.proto_onbeforedelete_event.html
Beware that you will need to use native confirm, webix.confirm is async and can’t be used to block events ( at least not without extra code handling )

But my ajax call executes only once i.e. on third iteration of loop.

The best approach will be probably the next

function addNewUploaderInstance(){
  ...
   $$(newViewId).queryView({view:"combo"}).load(url);
}