jQWidgets Forums

jQuery UI Widgets Forums Grid Edit row with checkbox column

This topic contains 1 reply, has 1 voice, and was last updated by  Marina 6 years, 8 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Edit row with checkbox column #102530

    Marina
    Participant

    I have grid with column checkbox type. I set grid editmode = ‘selectedrow’ and selectionmode = ‘singlerow’. Its working as expected when i double click row – it goes into editing mode. But when i just click check box it also begin editing right away even if row not selected. What am I missing?

         //////////////////////////////////////////////GRID DEFINITION
                                     $("#gridModelingSites").jqxGrid(
                                {
                                    width: 790,
                                    height: 600,
                                    source: dataAdapter1,
                                    altrows: true,
                                    editmode: 'selectedrow', //programmatic
                                    selectionmode: 'singlerow',
                                    editable: true,
                                    rendered: function () {
                                     
                                        if ($(".deleteButtons").length > 0) {
                                            $(".deleteButtons").jqxButton();
                                            var deleteClick = function (event) {
                                                // get clicked row.
                                                var rowIndex = parseInt(event.target.getAttribute('data-row'));
                                                if (isNaN(rowIndex)) {
                                                    return;
                                                }
                                                var dataRecord = $("#gridModelingSites").jqxGrid('getrowdata', rowIndex);
                                                //remove;
                                                //ajax call goes here
    
                                            }
    
                                        }
    
                                        $(".deleteButtons").on('click', function (event) {
                                            deleteClick(event);
                                        });
                                      
    
                                    },
    
                                    columns: [
                                      { text: 'Name', datafield: 'Location_Name', width: 250 },
                                      { text: 'LTE Model', displayfield: 'LTEModelDescription', datafield: 'LTEModeID', width: 100, columntype: 'dropdownlist',
                                          createeditor: function (row, value, editor) {
                                              editor.jqxDropDownList({ source: lteModelsAdapter, displayMember: 'label', valueMember: 'value' });
                                          }
                                      },
                                      { text: 'Propagation Model', displayfield: 'PropagationModelDescription', datafield: 'PropagationModelID', width: 100, columntype: 'dropdownlist',
                                          createeditor: function (row, value, editor) {
                                              editor.jqxDropDownList({ source: propagationModelsAdapter, displayMember: 'label', valueMember: 'value' });
                                          }
    
                                      },
                                      { text: 'Status', datafield: 'Tower_Status', width: 100, editable: false },
                                      { text: 'Active', datafield: 'Active', width: 100, cellsalign: 'center', columntype: 'checkbox' },
                            
                                      {
                                      text: 'Actions', cellsalign: 'center', width: 140, columnType: 'none', editable: false, sortable: false, dataField: null, cellsrenderer: function (row, column, value) {
                                          // render custom column.
                                          var dataRecord = $("#gridModelingSites").jqxGrid('getrowdata', row);
                                          if (dataRecord.Tower_Status == 'Modeling')
                                              return "<button data-row='" + row + "' class='deleteButtons'>Delete Permanently</button>";
                                          else
                                              return "";
                                      }
                                  }
    
                                    ]
                                });
    Edit row with checkbox column #102531

    Marina
    Participant

    i solved it by checking if rowselected on cellbeginedit of checkbox column , if not i return false and not allow to editing. still not sure why checkbox column behaving like that.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.