czeckd / custom-dual-listbox Goto Github PK

After user clicks on add button to right or left, I need to update my own objects from arrays of source/destination and also update in the back-end using httpclient. I am wondering what would be easy change that allows to complete what is needed.

Wondering if I need to place after moveItem.
(click)="moveItem(available, confirmed)"
Appreciate for any suggestions.

Hello I am trying to add the filter feature , the input field appears but it's not working I have done all the steps I added in the custome tlist Template :

also added in my html : [filter]="filter"
and in my ts : filter = true
but its not working

Thanks in advance

How would go about adding extra HTML elements to the items. I would like to be able to display the name on the left but also be able to display associated icons or progress bars on the right. Is this possible with your component?

I added filter = true in component also added the following tag
<app-custom-listbox [source]="source" [key]="key" [display]="display" [(destination)]="target" height="200px" [filter]="filter" > but filter is not showing in html page.
Please suggest me what mistake I am doing?

As per my requirement we have two list, List A have some objects and List B have some objects. List B have some objects those are already exist in List A (Means same objects in both list), In this scenario current implementation is showing common objects in List B. But as per my requirement it should show in both list. How can we show same objects in both list?

Hi, I'm trying to use an array of object instead of a simple array, I even set the display tag, but I can't make it to work. Could you help me ?

Instead of using this...
static tube:Array = [
"Harrow & Wealdstone",
"Kenton",
]

I'd like to add this, but nothing is displayed...
static tube:Array = [{
"name":"Harrow & Wealdstone",
"id":1
}]

Thank you

I tried to add tabIndex="0" to the Dual list tag but it did not work.
While tabbing through the elements on the page, when it reached the dual list box, it highlights the whole box than each list item.
I want to be able to tab through each item in the list and enter to move the items into the target list box.
How can I achieve this? Any help would be of great help. Thanks!!

Hi David,
I wanna use your custom-dual-listbox for a project, I am kind of new to Angular. How can I pull data into the picklist using an API. You have it hard coded in app.component. I have written a service with an API but not sure how to implement it. Any help would be highly appreciated.
Thanks
Ray

I tried to start the target destination with an array of strings and it doesn't load.

This plugin is working fine as expected in Chrome and Firefox but IE 11 we are not able to drag and drop.
we are getting the following Error:
{description"Unexpected call to method or property access." ...}
Please let me know that we need to update to resolve this issue/

I'm trying to add custom-dual-listbox to my Angular7 project, but I get this

ERROR TypeError: class constructors must be invoked with 'new'
CustomListboxComponent custom-listbox.component.ts:12

And if I add new to the constructor I get this new error

ERROR TypeError: _super.prototype is not a constructor

How can I solve that?

David, I need to display each item as 3 lines (name,company, position). Right now "display" input property allows to select only one property from the object to be displayed in the list box.

How I can accomplish what I need. I guess we need to point display for 3 properties and show those in 3 paragraph items. I am using custom-dual-listbox. Appreciate any suggestions.

can we get filtertext in component
<dual-list [source]="source" [(destination)]="target" height="120px" key="snomed" > ??

HI,

Thanks for the effort you put in custom-dual-listbox.
Can u tell me, how to enable search box in source and target both just like below url:
https://czeckd.github.io/angular-dual-listbox/

Thanks in advance