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

时间:2018-07-30 13:20:44

标签: angular ng2-smart-table

当用户单击“编辑”和“新建”按钮时,我想在const conf = require('../config/config'); exports.config = { scriptsTimeout: 11000, browser: 'chrome', capabilities: { chromeOptions: { args: process.env.CI ? [ '--no-sandbox', // See https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md '--headless', '--disable-gpu', // Without a remote debugging port, Google Chrome exits immediately. '--remote-debugging-port=9222', '--disable-web-security' ] : [] } }, directConnect: true, url: conf.e2e.baseUrl, noGlobals: true, rootElement: 'body' }; 组件上打开一个弹出页面,但是我无法捕获这些事件。
例如,我无法使用before-launch.js函数,您有任何想法吗?
为了简短起见,我想删除表格内的编辑输入字段并打开一个弹出页面

const conf = require('../config/config');

require('connect')().use(require('serve-static')(conf.e2e.paths.build)).listen(conf.e2e.servePort);

这是我的ng2-smart-table设置

onEditRowSelect($event)

2 个答案:

答案 0 :(得分:4)

首先,您需要在ts文件中的设置中更改“模式选项”

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

答案 1 :(得分:2)

我有同样的问题。我通过在this.settings中添加此代码来解决。

edit: {
   confirmSave : true
}