Angular Datatable.net分页按钮的回调函数单击
我试图点击Datatable上的一个分页按钮时的click事件,但不确定如何在Angular中实现这一点Angular Datatable.net分页按钮的回调函数单击,angular,typescript,datatable,datatables,Angular,Typescript,Datatable,Datatables,我试图点击Datatable上的一个分页按钮时的click事件,但不确定如何在Angular中实现这一点 如果我看一个例子,我将如何以角度编写相同的代码,并且在click事件中,emit通过@Output属性发出事件,这样就可以通知我的父组件触发了分页事件?如果要在初始化数据表的组件中处理单击事件,则无需发出事件。只需使用组件中提供的示例中的代码,事件就可以正常工作 我已经创建了您提供的示例的角度版本。单击datatable paginator上的next,您将看到事件触发 但是,如果要在初始化
如果我看一个例子,我将如何以角度编写相同的代码,并且在click事件中,
emit
通过@Output
属性发出事件,这样就可以通知我的父组件触发了分页事件?如果要在初始化数据表的组件中处理单击事件,则无需发出事件。只需使用组件中提供的示例中的代码,事件就可以正常工作
我已经创建了您提供的示例的角度版本。单击datatable paginator上的next,您将看到事件触发
但是,如果要在初始化datatable的组件的父组件中处理事件,则需要通过@Output
发出事件并在子组件中处理它。或者,您也可以使用任何其他组件交互技术来满足您的逻辑
希望这有帮助在尝试了上述提供的解决方案后,它并不完全适合我 我必须更改提供的实施,如下所示:
drawCallback: () => {
$(document).on('click', '#datatables_next', () => {
this.nextClicked.emit("continuation");
});
$(document).on('click', '#datatables_previous', () => {
console.log('next clicked...');
});
}
问题是,使用提供的解决方案,我的事件从未被触发。这是因为分页控件是动态加载的,我想,当我尝试绑定到这些控件时,它们不在那里。您在angular项目中使用jquery datatable吗?是的,我。。。考虑用ag Grid替换它,我仍然在学习Angular,不知道我能用这个例子访问Datatable,我想我应该试试。。。感谢您的努力:-)