|
App.component.ts
public ngAfterViewInit() {
// beforeCustomFilterOpen event gets trigger before the opening of filter menu which an internal event.
this.grid.on('beforeCheckboxfilterRenderer', this.filtercheckboxrender);
}
public filtercheckboxrender = (args?: any) => {
if (args.column.type === 'date') {
………………………………
………………………………
const treeViewObj: TreeView = new TreeView({
fields: { dataSource: groupedData, id: '__rowIndex', parentID: 'pId', text: args.column.field, hasChildren: 'hasChild' },
enableRtl: this.grid.enableRtl, showCheckBox: true, cssClass: 'e-checkboxtree', checkedNodes: checkedNodes,
nodeClicked: nodeClick.bind(this),
keyPress: nodeClick.bind(this),
nodeChecked: (e: any): void => {
if (e.action !== 'indeterminate') {
indeterminate = treeViewObj.checkedNodes.length !== (treeViewObj.fields.dataSource as Object[]).length;
this.updateState(args, cBoxFrame, cBox, indeterminate, treeViewObj.checkedNodes.length);
}
}
});
treeViewObj.createElement = this.grid.createElement;
treeViewObj.appendTo(treeViewEle);
args.element.appendChild(treeViewEle);
checkedNodes = treeViewObj.checkedNodes;
this.updateState(args, cBoxFrame, cBox, indeterminate, treeViewObj.checkedNodes.length);
// To handle the button clicks of the filterDialog
const applyBtnClickHandler: Function = (): void => {
if (treeViewObj.checkedNodes.length === groupedData.length) {
let options = this.grid.filterModule.filterModule.excelFilterBase.options;
const isClearFilter: boolean = options.filteredColumns.some((value: PredicateModel) => {
return options.field === value.field;
});
if (isClearFilter) {
this.grid.filterModule.filterModule.excelFilterBase.clearFilter();
}
} else {
this.generatePredicate(
treeViewObj.checkedNodes, otherData.length ? 'string' : args.type, args.column.field, excelFilter, allNodes,
treeViewObj.checkedNodes.length > groupedData.length / 2);
}
};
this.wireFilterEvents(args, applyBtnClickHandler, this.refreshCheckbox.bind(this, groupedData, treeViewObj, checkedNodes));
}
}
|
