jQuery UI boîte de Dialogue personnaliser les Boutons

Je suis en train de travailler dans de jQuery UI et j'essaie de trouver un moyen pour un moyen de passer dans les champs de données personnalisés grâce à des boutons tableau d'options. Je voudrais faire passer dans les champs comme dans l'exemple ci-dessous. de données-exemple & data-exemple2. Est-ce possible de faire avec les boutons de param??

<button type="button" data-example="XXXX" data-example2="YYYY" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false" ><span class="ui-button-text">xxx</span></button>

voici mon créer une boîte de dialogue code -

options = {
                autoOpen: true,
                buttons : [
                    {text:"example1"},
                    {text:"example2"}
                ]
            }
jQuery("<div class='dialog' title='xxx'><p>xxx</p></div>")
            .dialog(options);

http://api.jqueryui.com/dialog/#option-buttons

OriginalL'auteur Greg | 2013-10-18

  1. 10

    Cet exemple devrait vous aider.

    $(function() {
   $( "#dialog" ).dialog({ buttons: [ { id:"test","data-test":"data test", text: "Ok", click:    function() {alert($('#test').data('test')); $( this ).dialog( "close" ); } } ] });
});

    http://jsfiddle.net/9g6jM/

    Merci!!!! exactement ce dont j'avais besoin.

    OriginalL'auteur Trevor

  2. 0

    Vous pouvez définir jQuery UI boutons attributs lorsque le dialogue est ouvert ou lorsque vous avez besoin dans votre code.

    Code:

    $("#demo")
    .dialog({
    autoOpen: true,
    buttons: [{
        text: "example1"
    }, {
        text: "example2"
    }],
    open: function (event, ui) {
        $(":button:contains('example1')").attr("data-example", "XXX").attr("data-example2", "YYY");
    }
});

    La sélection de code de jQuery UI bouton exemple1 et définir ses attributs de données.

    Démo: http://jsfiddle.net/IrvinDominin/BKHEn/

    OriginalL'auteur Irvin Dominin