Question

我正在尝试将名称（不是显示的文字）添加到底部面板上的按钮，但无法找到方法。

这就是我到目前为止......

    $("#dialog-import-from-existing").dialog({
        title: "Import From Existing",
        autoOpen: false,
        modal: true,
        draggable: false,
        resizable: false,
        width: 500,
        height: 525,

            buttons: {
                **name : "SubmitButton",**
                "Import": function() {
                $('#CreateForm').submit();
                $(this).dialog('close');
            },
            "Cancel": function() {
                //Need to added the js files to Driver studio.
                //$("models-to-add-container").effect("explode");
                $(this).dialog('close');
            }
            }
        });

我正在尝试使用名为“SubmitButton”的按钮。

提前致谢。

Answer 1

尝试：

$("#dialog-import-from-existing").dialog({
    ...
    open: function() {
        $(this).parent().find('.ui-dialog-buttonpane button:contains("Import")').
            attr('name', 'SubmitButton');
    }
});

（精制自jQuery UI Dialog Button Icons）

Answer 2

按钮选项有两个API。您正在使用原始的，更简单的API将按钮标签映射到单击功能。您还可以使用一组对象，这样可以更好地控制对象。

$( "#dialog-import-from-existing" ).dialog({
    ...
    buttons: [
        {
            name: "SubmitButton",
            text: "Import",
            click: function() {
                $( "#CreateForm" ).submit();
                $( this ).dialog( "close" );
            }
        },
        {
            text: "Cancel",
            click: function() {
                $( this ).dialog( "close" );
            }
        }
   ]
});

此API允许您传递任何可以传递给.attr()加上事件处理程序的内容。

将名称添加到JQuery对话框底部按钮

2 个答案: