czeckd / custom-dual-listbox Goto Github PK
View Code? Open in Web Editor NEWAn example project demonstrating how to customize angular-dual-listbox.
License: MIT License
An example project demonstrating how to customize angular-dual-listbox.
License: MIT License
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.