How to block keydown "Delete" for WjCombobox

How to block keydown "Delete" for WjCombobox

Posted by: ngvanthuong97 on 19 November 2019, 3:19 am EST

• 

  ngvanthuong97

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 19 November 2019, 3:19 am EST

  When pageload Component, I want to set selectedindex = -1 for Wjcombox. So I used properties <[isEditable]=“false” ; [isRequired]=“false”>
  
  But when I keydown (key: Delete, Code: 46), value of Combobox set null
  
  I don’t want to set value/selected null after pageload
  
  Please help me if anyone knows about that, thanks!!!

• 

  ngvanthuong97

  • Post Options:
  • Link
    Copy

  Posted 19 November 2019, 9:06 pm EST

  • With Wjcombobox General:

  private SET_EVENT_COMBOBOX(_ddlCombo: WjComboBox) {
          _ddlCombo.selectedIndexChanged.addHandler((e: any) => {
              if (e.isDroppedDown || e._focus) {
                  if (_ddlCombo.itemsSource.length === 0) {
                      _ddlCombo.text = '';
                  }
              }
          });
  
          _ddlCombo.hostElement.addEventListener('keydown', (e: KeyboardEvent) => {
              if (e.keyCode === 46 || e.keyCode === 8) {
                  e.returnValue = false;
              }
          });
      }
  

  • With Wjcombobox in FlexGrid:

  _DemoGrid.hostElement.addEventListener('keydown', (e: any) => {
              if (this._ActiveCell.col === 3) { //Col have wjcombobox
                  if (e.keyCode === 46 || e.keyCode === 8) {
                      e.preventDefault();
                      e.stopImmediatePropagation();
                  }
              }
          }, true);
  

  I tried the case and it works very well

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 19 November 2019, 11:12 pm EST

  Hi Nguyen Van,

  We are glad that you were able to resolve the issue. Let us know if you have any other queries.

  Regards,
  
  Ashwin