Comments (10)
Hi @xidedix ,
yes I tried but I encounter some issue where I initialize the fromcontrol. When I tried to search and select in the dropdown, it will reset to the initialize value. This only happens when you search in dropdown.
this.clienttForm = new FormGroup({
accountmanager: new FormControl<string[]>(['0']),
})
<c-multi-select
(searchValueChange)="searchValueChannelManager$.next($event)"
[options]="(optionschannelmanager$ | async) ?? []"
[search]="searchFn"
formControlName="accountmanager"
itemMinWidth="333"
single
virtualScroller
visibleItems="8"
size="sm"
></c-multi-select>
If I remove the default value and search in drop down,it will properly display the selected one
from coreui-angular.
Thank you @xidedix
from coreui-angular.
@32x0lf We are aware of the issue. Multi-select was not designed for such amounts of data.
We're going to introduce a virtual scroll for multi-select later this month to handle this use case.
from coreui-angular.
Thank you looking forward
from coreui-angular.
@32x0lf We are aware of the issue. Multi-select was not designed for such amounts of data. We're going to introduce a virtual scroll for multi-select later this month to handle this use case.
Hi @xidedix ,
What version should I use for this update? I am using angular 14. TIA
from coreui-angular.
@32x0lf you can try:
https://coreui.io/angular/docs/forms/multi-select#virtual-scroller
version:
~4.2.36
for Angular 14~4.3.18
for Angular 15~4.4.0
for Angular 15 (standalone components)
from coreui-angular.
@xidedix Thank you will check on this.
from coreui-angular.
Is there a way that the data will populate right away during loading? it seems it will still wait for a couple of minutes. I tried another library which is ng-multiselect-dropdown it will populate right away but the problem is, the dropdown is being cut off from the parent component where the dropdown is placed and that component is the coreui accordion.
from coreui-angular.
@32x0lf have you tried it with virtual scroller?
the example takes 10000 options without issues or delays
https://coreui.io/angular/docs/forms/multi-select#virtual-scroller
from coreui-angular.
fixed in:
~4.2.39
for Angular 14
~4.4.12
for Angular 15
~4.5.1
for Angular 16
from coreui-angular.
Related Issues (20)
- Side Menu when clicked open to new tab HOT 1
- SidebarModule: Clicking on backdrop does not close sidebar on mobile view HOT 3
- Dynamic Nav json format for sidebar HOT 1
- Build Issue - version 15 in Github Action HOT 2
- Using of Accordion throws NullInjector error HOT 6
- Multi Select with fewer data HOT 4
- Hide manually check box for selectable enabled HOT 3
- Datepicker inside a modal that is in another modal. Datepicker not showing HOT 2
- Angular v17 support HOT 4
- Upgrade to angular 17 HOT 1
- [Blocker] IntersectionObserver is not definded HOT 1
- toaster doesn't fire visibleChange HOT 5
- RTL alignment issue in drop-down menu HOT 1
- Use of different Icons aside from Core UI Icons HOT 4
- During control flow migration a typo error was introduced on iconComponent check
- How to overwrite size property? HOT 3
- issue after updating from angular 14 to 15 HOT 3
- cIcon directive change name binding not refresh icon in angular 17 HOT 2
- Angular v18 support HOT 4
- ERROR NullInjectorError: NullInjectorError: No provider for _SidebarNavHelper! HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from coreui-angular.