Wj-flex-grid-cell-template checkbox becomes text field upon click

Wj-flex-grid-cell-template checkbox becomes text field upon click

Posted by: namanan99 on 3 November 2017, 12:06 pm EST

• 

  namanan99

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 3 November 2017, 12:06 pm EST

  We have a flexgrid template column where we show the checkbox. The code looks like this. When we click in the cell, not in the checkbox, the cell becomes a text field from a checkbox and the user is able to type in the cell which is weird.

  Please find the attached gifs to see the behavior.

  Any suggestions on how to stop this behavior from turning into a textfield would be appreciated.

  Thank you

          <wj-flex-grid-column width="35">
              <wj-flex-grid-cell-template cell-type="Cell">
                  <input type="checkbox" ng-change="onComponentClick()" ng-model="$item.checkBoxValue" />
              </wj-flex-grid-cell-template>
              <wj-flex-grid-cell-template cell-type="ColumnHeader">
                  <input class="check-all-component" type="checkbox" ng-change="onClickAll()" ng-model="modal.checkedAll" ng-disabled="modal.disabledCheckAll" />
              </wj-flex-grid-cell-template>
          </wj-flex-grid-column>
  

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 6 November 2017, 10:15 am EST

  Hi,
  
  You need to set is-read-only=true for the column containing input checkbox. Please refer to the fiddle for the same:
  
  http://jsfiddle.net/cgrr10y0/8/

  ~Manish