EasyUI Forum
May 14, 2024, 07:32:59 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: Conditional Cell Editing in Datagrid  (Read 5362 times)
mapner
Jr. Member
**
Posts: 63


View Profile
« on: December 24, 2017, 01:23:53 PM »

Hi,

How I can set conditional Cell Editing in a Datagrid?
I want enabled to Cell Editing when variable EditForm is true (and disbled when EditForm is false)

thanks
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: December 25, 2017, 12:28:48 AM »

Please call 'enableCellEditing' and 'disableCellEditing' methods to enable or disable it.
Logged
mapner
Jr. Member
**
Posts: 63


View Profile
« Reply #2 on: December 25, 2017, 03:39:35 PM »

Thanks for you reply,

but, how to set conditional edit for one cell depending of the row data?

Example:
Grid for Pay
Column1: Pay Type (CASH, BANK, CREDITCARD, ...)
Column2: Bank Name (if Column1 Type is = 'BANK' set Cell Editing)
Column3: Amount

Best regards



Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #3 on: December 25, 2017, 05:15:52 PM »

Return false in the 'onBeforeCellEdit' to deny the editing action. Please refer to the code below:
Code:
$('#dg').datagrid({
data: data,
onBeforeCellEdit: function(index,field){
var row = $(this).datagrid('getRows')[index];
if (row.Column2 == 'BANK'){
return true;
} else {
return false;
}
}
}).datagrid('enableCellEditing').datagrid('gotoCell', {
index: 0,
field: 'Column1'
});
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!