I have used a fuelux library to make a table and below is the code I have for the columns
items = [];
for (var i = 0; i < data.length; i++) {
var item = {
id : i,
action :'<a href="" onclick="editRow()" >Edit</a>|<a href="" onclick="deleteRow()" >Delete</a>' ,
name : data[i].Name,
startRange : data[i].StartRange__c,
endRange : data[i].EndRange__c,
oldRiskGrade : data[i].OldRiskGrade__c,
reportingRiskGrade : data[i].ReportingRiskGrade__c,
approvalType : data[i].ApprovalType__c,
displayValueRiskGrade : data[i].RiskGradeDisplayValue__c
}
items.push(item);
}
now when I click on the edit or delete link I want to get the data for the row clicked and also prevent it to refresh the whole page. Somehow fuelux does not have a proper documentation to get the row data. any help is appreciated.
pass the id parameter in editrow() and deleterow() to identify the row identity:
items = [];
for (var i = 0; i < data.length; i++) {
var item = {
id: i,
action: '<a href="javascript:void(0);" onclick="editRow(' + i + ')" >Edit</a>|<a href="javascript:void(0);" onclick="deleteRow(' + i + ')" >Delete</a>',
name: data[i].Name,
startRange: data[i].StartRange__c,
endRange: data[i].EndRange__c,
oldRiskGrade: data[i].OldRiskGrade__c,
reportingRiskGrade: data[i].ReportingRiskGrade__c,
approvalType: data[i].ApprovalType__c,
displayValueRiskGrade: data[i].RiskGradeDisplayValue__c
}
items.push(item);
}
On click get the parameter from them and fetch the relevant data from the Item[]