0

我已经制作了一个使用 Tapestry5-JQuery 并启用了 JQuery UI 的应用程序。我创建了一个页面,其中定义了一个 jquery 对话框,如下所示:

<t:form>
    <t:jquery.dialoglink t:dialog="dlgUrl">Show Dialog</t:jquery.dialoglink>

    <t:jquery.dialog t:clientId="dlgUrl" params="dlgUrlParams">
    <table class="dlgContent">
        <tr>
            <td><t:label for="urlName" class="dlgLabel" /></td>
            <td><t:textfield t:id="urlName" value="name" class="dlgComponent" label="Name:" />
            </td>
        </tr>
        <tr>
            <td><t:label for="url" class="dlgLabel" /></td>
            <td><t:textfield t:id="url" value="url" class="dlgComponent" label="Url:" />
            </td>
        </tr>
    </table>
    <div class="dlgBtnAlign">
        <t:submit class="ui-button ui-widget" value="Ok" t:id="dlgUrlOk"/>
    </div>
    </t:jquery.dialog>
</t:form>

页面关联的java类是这样的:

public class DialogTestPage {
public JSONObject getDlgUrlParams() {
    JSONObject jsonObject = new JSONObject();
    jsonObject.put("title", "URL");
    jsonObject.put("modal", "true");
    jsonObject.put("dialogClass", "dlgFileAdjust");
    return jsonObject;
}

@OnEvent(value = EventConstants.SELECTED, component = "dlgUrlOk")
void onClickDlgUrlOk() {
    //Run code after clicking ok
}

void onSuccess(){
    //Run code after form submit
}}

当我运行应用程序时,按钮“确定”不会触发 SELECTED 事件,也不会触发 onSuccess 处理程序。

谢谢。

4

1 回答 1

1

DialogLink 不会触发任何事件,DialogAjaxLink 会触发(EventConstants.ACTION)!DialogAjaxLink 还允许您更新区域。

<t:jquery.dialogajaxlink t:dialog="dlgUrl" t:zone="myZone">show dialog</t:jquery.dialogajaxlink>

http://tapestry5-jquery.com/components/docsjquerydialog

如果您希望触发成功事件,则需要提交表单。通过使用提交按钮或者如果您更喜欢链接,您可以使用 LinkSubmit 组件: http ://tapestry5-jquery.com/core/docslinksubmit

于 2012-05-23T14:23:42.480 回答