Combobox Performance

Combobox Performance

Posted by: ecs on 14 September 2017, 3:05 am EST

• 

  ecs

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 3:05 am EST

  Hi,

  I bought wijmo mainly for Combobox and grid widget.

  For the Combobox i have following problems or questions:

  • with many rows (more then 1000) and columns > 5
    
    the performance is very bad;
    • what possibilities i have ?
    • what is with the ‘infinite Scrolling’ method from the flexgrid ?
  • further i miss ‘header’-definitions for the ‘combo-table’.

  Please help me.

  Thank you,
  
  erwin

• 

  manish-gupta1

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 3:05 am EST

  Hi Erwin,
  
  We are sorry for the inconvenience caused.
  
  You are formatting dropDown this is the reason behind slow performance for ComboBox.

  Further, we could observe that Combobox performance affects only when dropDown is opened.
  
  You need to add a header in the Combobox if manually when dropDown is open by adding table row that contains the header row.

  For your reference, please see the fiddle that implements the same.

  In the Combobox, infinite scrolling can not be performed since scrollPositionChanged event is not defined. We have created an enhancement request for the same with tracking id 265310. If it is found feasible, it will be included in the future releases.

  In the FlexGrid, infiniteScrolling can be accomplished using scrollPositionChanged event. For your reference, please see the attached sample that implements the same.

  Thanks,
  
  Manish Kumar Gupta
  
  2017/06/FlexGrid_infinite_scrolling.zip

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 19 January 2018, 9:40 pm EST

  Hi,
  
  We are sorry for the late reply.

  We may use infinite scroll using standard HTML scroll event.Please refer to the following code snippet:
  
  using the dropDown’s standard HTML ‘scroll’ event.

  var theCombo = new wijmo.input.ComboBox('#theCombo', {
     selectedIndexChanged: function(s, e) {
      setText('theComboStringCurrent', s.text);
     },
     itemsSource: countries
  });
  
  
  
   // listen to scroll events from the combo's dropDown:
   theCombo.addEventListener(theCombo.dropDown, 'scroll', function(e) {
    console.log('the scroll position is ', e.target.scrollTop)
   })
  
  

  ~Manish

• 

  bernardo-castilho

  • Post Options:
  • Link
    Copy

  Posted 15 October 2018, 9:23 pm EST

  Hello all

  Just a quick update:

  We have created fiddles to demonstrate how to add infinite scrolling to the ListBox and ComboBox controls:

  ListBox: https://jsfiddle.net/Wijmo5/4avorsnd/
  
  ComboBox: https://jsfiddle.net/Wijmo5/bdj4un60/

  Also, in the latest version we have improved the performance of the ListBox control. The optimization is quite significant, in the order of 2x or more.

  Thank you for bringing up this issue!