Multi Select combo box custom filter in wijmo

Multi Select combo box custom filter in wijmo

Posted by: ganga on 14 September 2017, 11:31 am EST

• 

  ganga

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 14 September 2017, 11:31 am EST

  Can some one provide sample code for Multi Select combo box custom filter for odata

• 

  manpreet-kaur

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 11:31 am EST

  Hello,

  It seems that you are looking forward to apply multi select combobox filter to a FlexGrid which is bound using the ODataCollectionView. You can achieve the same by applying the FlexGridFilter to FlexGrid. Kindly refer to the attached sample which implements the same.

  Run the attached sample application and switch to the “Employees” tab. You can observe that a filter dropdown is set for every column. You can open the dropdown list to select multiple values and filter the FlexGrid accordingly.

  Hope it helps. Please let us know in case you are referring to a different scenario.

  Thanks,
  
  Manpreet Kaur

• 

  ganga

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 11:31 am EST

  I am using view model for my application so I can not apply Flexgridfilters as Flexgridfilters look for specific tables where viewmodel is collection of properties from different tables .I have to come up with my own filters .Any how I created my custom filters .I have a different question ,How can we handle view models in Odata with wijmo .
  
  Thanks for the code .It is helpful for me .

• 

  ganga

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 11:31 am EST

  I found the answer to my question from the source code .I can use wijmo.grid.DataMap …Thanks for the help

• 

  meghas

  • Post Options:
  • Link
    Copy

  Posted 27 April 2020, 4:48 am EST

  https://www.grapecity.com/forums/wijmo/multi-select-combo-box-cus_2#wijmoarchivehelloit-seems-

  Hi,

  Can you please share code to implement multiselect combo box with search option for editable cell…
  
  I am new wijmo grid and i am facing difficulty to implement it

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 28 April 2020, 12:32 am EST

  Hi Megha,

  You can use the filter property of the CollectionView to filter out items according to the MultiSelect’s checkedItems. Please refer to the sample below and let us know whether this is your requirement:

  https://stackblitz.com/edit/angular-88xwpv

  Regards,
  
  Ashwin

• 

  meghas

  • Post Options:
  • Link
    Copy

  Posted 28 April 2020, 9:00 am EST

  HI i tried to add custom dropdown in wijmo grid cell but my dropdown is opening inside a cell.
  
  I tried to change z-index but nothing works.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 29 April 2020, 1:58 am EST

  Hi Megha,

  Can you let us know your exact requirements, because the thread is for a different issue and it seems that your issue is different.

  Also, you can use the DataMap class to add drop-downs to the FlexGrid cells:

  https://www.grapecity.com/wijmo/demos/Grid/Columns/DataMaps/angular

  ~regards

• 

  meghas

  • Post Options:
  • Link
    Copy

  Posted 29 April 2020, 2:09 am EST

  Hi,

  I want to add multiselect search dropdown in the cell.

• 

  meghas

  • Post Options:
  • Link
    Copy

  Posted 29 April 2020, 2:11 am EST - Updated 3 October 2022, 1:22 pm EST

  i want to create something like this.

  

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 30 April 2020, 12:13 am EST

  Hi Megha,

  Please refer to the sample link below:

  https://stackblitz.com/edit/angular-1eburv

  In this sample, I have added MultiSelect inside a cell using cell templates and bound its checkedItems property to the cell.value attribute.

  ~regards

• 

  meghas

  • Post Options:
  • Link
    Copy

  Posted 30 April 2020, 6:44 am EST

  Hi Ashwin, Thank you for the solution but as i need to add search and all option i created custom dropdown in seprate componenet.
  
  and add it wijmo cell like below

   <ng-template *ngIf="gridInput.storeActionForMultiDropdown" wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item" let-cell="cell">
                      <mat-select-search [dropdownList]="gridInput.dropdownGridData['shipMethod']" [storeAction]="gridInput.storeActionForMultiDropdown"></mat-select-search>
         </ng-template>
  

  but this is not working correclty if i am changing value in one dropdown that is affecting other as well and sometimes dropdown diappears.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 1 May 2020, 1:13 am EST

  Hi Megha,

  It seems that there is some implementation issue. But to assist you further, I will need to look into the mat-select-search component. Can you provide its implementation?

  ~regards

• 

  meghas

  • Post Options:
  • Link
    Copy

  Posted 3 May 2020, 2:23 am EST

  Hi Ashwin,

  I completed it issue was, my cell was editable so i set it readonly.