gpt4 book ai didi

angular - ng2-smart-table 在编辑单击时打开弹出窗口

转载 作者:行者123 更新时间:2023-12-02 21:26:16 24 4
gpt4 key购买 nike

我想在用户单击“编辑”和“新建”按钮时在 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);
}

最佳答案

首先,您需要更改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

关于angular - ng2-smart-table 在编辑单击时打开弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51594943/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com