We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
|
let pivotObj: PivotView = new PivotView({
//....
dataBound(): void {
trend();
},
cellTemplate: '${getCellContent(data)}',
});
(<{ getCellContent?: Function }>window).getCellContent = (e: any): any => {
let template: string;
if (e && e.targetCell.className.indexOf('e-valuescontent') > -1 ) {
template = '<input id= "element'+ i +'" type="checkbox">'; //Here, you can append the html elements
i++;
} else {
template = '';
}
return template;
};
function trend() {
//....
for (let rnt: number = 0, Lnt = fieldHeaders; rnt < Lnt.length; rnt++) {
let row: number = fields[fieldHeaders[rnt]];
for (var j = 0, ci = 1; j < cLen && ci < colLen; j++ , ci++) {
let node: HTMLElement = cTable[3].children[1].children[row].childNodes[j] as HTMLElement;
let checkbox1: CheckBox = new CheckBox({ checked: false, change: onChange,
created: () => {
removeClass([node.lastElementChild.querySelector('.e-frame')], 'e-icons');
} });
checkbox1.appendTo(node.lastElementChild as HTMLElement); //create check boxes for the appended html input types.
node.firstElementChild.remove();
checkbox1.checked = j==0? false: true
}
}
}
}
} |
|
Query |
Response | |
|
Can you please create another stackblitz demo using minimal json data (preferably only 10 -15 records)? |
As per you request, we have created a minimal level sample for your convenience.
| |
|
Also, can you show me how I could find out the Ids of the selected checkboxes, on clicking a button? |
You can get the ids of selected checkboxes on button click through the following code snippet.
Code snippet: [JavaScript]
Meanwhile, we have prepared sample for your convenience.
Screenshot:
 |
