Open combo in single click

Open combo in single click

Posted by: priya_mehta on 1 November 2018, 10:11 pm EST

• 

  priya_mehta

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 1 November 2018, 10:11 pm EST - Updated 3 October 2022, 11:18 am EST

  

  we have using combobox and we need a open combobox in single ckick event
  
  as i attached in video

  please give me a solution for that

  Thanks,
  
  priya

• 

  priya_mehta

  • Post Options:
  • Link
    Copy

  Posted 1 November 2018, 10:41 pm EST

  Combo.zip

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 5 November 2018, 3:14 pm EST

  Hi,

  You may achieve the required functionality by using cell-templates for cell-type=“Cell”.
  
  Please refer to the following code snippet:

  <wj-flex-grid-column header="Country" binding="country" is-read-only="true">
        <wj-flex-grid-cell-template cell-type="Cell">
                  <wj-combo-box 
                      items-source="cbData"
                      ng-model="$item.country"
                      is-editable="false">
                  </wj-combo-box>
              </wj-flex-grid-cell-template>
      </wj-flex-grid-column>
  

  You may also refer to the following sample: https://jsfiddle.net/mL7hx93s/

  Regards
  
  Sharad

• 

  priya_mehta

  • Post Options:
  • Link
    Copy

  Posted 13 November 2018, 5:22 pm EST

  Thanks Sharad,
  
  but this is not the actual behavior that i want
  
  any where i click on combo the drop down should be open
  
  not any particular part as right side of arrow(that you suggest )

  and am using bento combo box not wj-combo-box

  please give another solution for that

  Thanks,
  
  Priya

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 14 November 2018, 7:00 pm EST

  You may replace wj-combo-box with combo-box of your choice.
  
  The only thing to consider is to use cellType=“Cell” in wj-flex-grid-cell-template, doing so would display the combo-box in normal cell i.e without the need of double click. And then the user could interact with the combo box directly and may open drop-down on a single click(If the combo-box supports it).

  For wj-combo-box, you may achieve the required functionality by handling the got-focus event and setting the isDroppedDown property to true.
  
  Please refer to the following fiddle which demonstrates the same: https://jsfiddle.net/othsqdam/
  
  For bento-combobox, sorry but we are unable to find any references so could you please share a small sample using the bento-combobox so that we may try it with the flex-grid.

  ~Sharad