如何创建一个“新xxx”弹出？

Question

我有一个Grid，并添加了一个 (+) New 按钮，我想打开一个弹出表单来创建带有几个字段的新客户机。

我看过网站上的代码示例，但没有找到如何做到这一点(如果我错过了什么东西，很抱歉)。

这是当前的页面代码：

function page_clients_listing($p){

    $g = $p->add('Grid');
    $g->addColumn('text','first_name');
    $g->addColumn('text','last_name');
    $g->addColumn('inline','telephone');
    $g->addColumn('expander','comments');
    $g->setSource('client');

    $g->addButton('With Icon')->set('Add New Client')->setIcon('Plus');
}

提前感谢！

Answer 1

您可以创建弹出窗口或对话框。对话框是基于jQuery的UI对话框实现的。弹出窗口可能会被屏蔽，而且更难控制。

这实际上适用于任何对象(您可以应用于视图、按钮、图像、图标等)，但我将使用按钮。

$b=$g->addButton('Add New Client')->setIcon('Plus');

$b->js('click')->univ()->frameURL($title,$url);
// OR
$b->js('click')->univ()->dialogURL($title,$url);

$url很可能由api->getDestinationURL()返回。将加载另一个页面，并对该页上的脚本进行评估。假设您在另一个页面上，现在需要关闭窗口。

$result = $this->addButton('Close')->js('click')->univ()->closeDialog();

closeDialog()返回指向最初打开框架的视图的jQuery链对象。因此，如果您执行$计算所->隐藏()；那么在对话框关闭后，原始按钮(‘’)也将被隐藏。

下面的示例展示了您可以使用框架、重新加载和自定义事件处理程序进行的一些附加操作：

http://agiletoolkit.org/example/refresh1