My am getting this error
Uncaught ReferenceError: editButtonClicked is not defined
at HTMLElement.onclick (?root=general:1). could you please help on this.
view file is:
<oj-button id='editRowId' onclick='editButtonClicked(1)'>edit</oj-button>
view model file is :
define(['ojs/ojcore', 'knockout', 'jquery', 'ojs/ojarraydataprovider', 'ojs/ojbutton', 'ojs/ojknockout', 'ojs/ojtable', 'ojs/ojcheckboxset', 'ojs/ojinputtext'],
function(oj, ko, $, ArrayDataProvider)
{
function RoutingDomainViewModel()
{
var self = this;
var deptArray = [{Name: 'RD-001', Default: true, delete: 200},
{Name: 'RD-002', Default: false, delete: 200},
{Name: 'RD-001', Default: false, delete: 200},
{Name: 'RD-001', Default: false, delete: 200}
];
self.readOnly = {0:ko.observable(true), 1: ko.observable(true), 2: ko.observable(false), 3: ko.observable(true)};
self.pagingDatasource = new ArrayDataProvider(deptArray, {keyAttributes: 'Name'});
self.agreement = ko.observableArray();
self.name = "rk";
self.editButtonClicked = function(id){
alert(this.name)
self.readOnly[id] = false;
}
}
return new RoutingDomainViewModel();
});
when I use on-oj-action instead of onclick function is called just after the page loaded.