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

发布于 2024-12-10 13:52:11 字数 822 浏览 0 评论 0原文

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

这就是我到目前为止所拥有的......

    $("#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”。

提前致谢。

原文

I am trying to add a name(not the text shown) to a button on the bottom panel and can't find a way to do it.

This is what I have so far...

    $("#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');
            }
            }
        });

I'm trying to have this button with the name "SubmitButton".

Thanks in advance.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夜雨飘雪 2024-12-17 13:52:11

按钮选项有两个 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() 以及事件处理程序的内容。

The button option has two APIs. You're using the original, simpler API of mapping the button label to a click function. You can also use an array of objects, which gives you much more control.

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

This API allows you to pass anything that can be passed to .attr() plus event handlers.

回复收藏 0 原文

天涯沦落人 2024-12-17 13:52:11

尝试：（

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

精炼自 jQuery UI 对话框按钮图标）

Try:

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

(Refined from jQuery UI Dialog Button Icons)

回复收藏 0 原文

~没有更多了~