EasyUI Forum
May 17, 2024, 12:54:17 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: [SOLVED] Checkbox state on grid editor  (Read 4471 times)
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« on: May 05, 2017, 05:52:11 AM »

Hello
How to know what is checkbox state when user clicked on checkbox on datagrid?
I'm using Cell Editing extension.
I know how to use onCellEdit and onAfterEdit events but they are fired before and after click on cell and I need some Event in the moment when user changed checkbox state (from unchecked to checked and vice-versa).
Thank you.
« Last Edit: May 08, 2017, 01:35:54 AM by Pierre » Logged
jarry
Administrator
Hero Member
*****
Posts: 2264


View Profile Email
« Reply #1 on: May 05, 2017, 06:50:44 PM »

Listen to the 'onCellEdit' event, get the 'checkbox' editor and then you can bind the 'change' event on it. Please look at the code below:
Code:
$('#dg').datagrid({
    data: data,
    onCellEdit: function(index,field,value){
        if (field == 'status'){
            var ck = $(this).datagrid('getEditor', {index:index,field:field});
            $(ck.target).bind('change', function(e){
                //...
            })
        }
    }
}).datagrid('enableCellEditing').datagrid('gotoCell', {
    index: 0,
    field: 'productid'
});
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #2 on: May 08, 2017, 01:35:34 AM »

Awesome Jarry, it works perfect.
Thank you so much for your help.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!