当用户单击“编辑”和“新建”按钮时,我想在ng2-smart-table
组件上打开一个弹出页面,但我无法捕获这些事件。
例如,我不能捕获onEditRowSelect($event)
函数,你知道吗?
为了简短起见,我想删除表中的编辑输入字段并打开一个弹出页面
<ng2-smart-table
[settings]="settings"
[source]="data"
(editConfirm)="onEditRowSelect($event)">
</ng2-smart-table>
这是我的ng2-smart-table
设置
this.settings = {
columns: {
},
actions: {
position: 'right',
add: true,
edit:true,
editable:false,
columnTitle: '',
},
add: {
addButtonContent: 'NEW',
},
edit: {
editButtonContent: 'EDIT',
position: 'right',
}
}
onEditRowSelect(event) {
console.log(event.data.nombre);
}
发布于 2019-03-06 12:39:47
首先,您需要更改ts文件中设置的"mode“选项
settings = {mode: 'external'}
现在将html添加到此代码中
<ng2-smart-table [settings]="settings" [source]="data" (edit)="onEditRowSelect($event)"></ng2-smart-table>
现在,在ts文件中创建函数onEditRowSelect(event),您将在其中找到所有内容
onEditRowSelect(event) { console.log(event); }
如果您想打开一个模态,那么首先创建一个组件,然后将数据传递到该模态中。如果您不知道如何创建模式,请访问此链接material dialog
发布于 2018-08-16 13:51:33
我也有同样的问题。我通过在this.settings中添加这段代码解决了这个问题。
edit: {
confirmSave : true
}
https://stackoverflow.com/questions/51594943
复制相似问题