|
export class Localbinding extends SampleBase {
constructor() {
this.template = this.gridTemplate;
}
detailDataBound(e) {
var firstchilddata = new DataManager(hierarchyOrderdata).executeLocal(new Query().where("EmployeeID", "equal", e.data.EmployeeID, false));
var secondchilddata = new DataManager(employeeData).executeLocal(new Query().where("EmployeeID", "equal", e.data.EmployeeID, false));
var detail1 = new Grid({
. . .
});
detail1.appendTo(e.detailElement.querySelector('.custom-grid1'));
var detail1 = new Grid({
. . .
});
detail1.appendTo(e.detailElement.querySelector('.custom-grid2'));
}
gridTemplate(props) {
return
<div><p><b>ChildGrid1</b></p>
<div className='custom-grid1'></div>
</div>
<div><p><b>ChildGrid2</b></p>
<div className='custom-grid2'></div>
</div>
);
}
render() {
return (<GridComponent dataSource={employeeData} detailTemplate={this.template.bind(this)} detailDataBound={this.detailDataBound.bind(this)} width='auto'>
<ColumnsDirective>
. . .
</ColumnsDirective>
<Inject services={[DetailRow]}/>
</GridComponent>
);
}
}
|
