Adding a name to a JQuery Dialog Bottom Button

Question

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.

Scott González · Accepted Answer · 2011-10-18 12:30:20Z

0

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.

answered Oct 18, 2011 at 12:30

Scott González

1,92716 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 10:34:32Z

0

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)

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Oct 17, 2011 at 22:05

Petah

46.2k30 gold badges161 silver badges216 bronze badges

Collectives™ on Stack Overflow

Adding a name to a JQuery Dialog Bottom Button

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related