Comment appliquer jquery UI boutons à l'asp:Button

Comment puis-je appliquer jQueryUI styles pour un asp:Button. Voici le problème: jqueryUI bouton vous oblige à avoir le format suivant <button>Test button</button>

Lorsque j'essaie d'utiliser un asp bouton de contrôle du serveur, <asp:Button />, asp:Button rend <input type=button>Test button </input>

Mise à jour : je reçois le bouton standard style jquery fournit. Cependant, quand je veux faire une barre d'outils hors de lui, comme dans cet exemple : http://jqueryui.com/demos/button/#toolbar, la norme asp:Button me manque....ou peut-être que je manque quelque chose.
Merci d'avance,

Sashidhar Kokku

OriginalL'auteur Sash | 2010-04-20

  1. 6

    C'est comment vous le faites: Ajoutez le code suivant à votre fonction d'initialisation:

    $(function () {
        //Converting asp buttons to html buttons
        $('input:submit, input:reset').each(function () {
            $(this).replaceWith('<button type="submit" name="' + $(this).attr('name') + '" class="' + $(this).attr('class') + '" id="' + $(this).attr('id') + '" >' + $(this).val() + '</button>');
        });

  //Adding button icons .....
  $(".createbutton").button({
     icons: { primary: "ui-icon-circle-plus" } 
   });
    $("input[id$='btnAwesome']")

    OriginalL'auteur CPhelefu

  2. 8

    Vous pouvez appliquer le jQuery UI bouton pour un certain nombre de différents éléments HTML: <a>, <input type="button">, et ainsi de suite.

    $(function() {
    $("input[type=button]").button();
});

    Cela vous permettra de transformer tous <asp:Button>s sur la page en jQuery UI boutons.

    Malheureusement, il ne s'applique pas le thème correctement. Toute idée ou des exemples de sa mise en œuvre n'importe où allait les aider. Merci, Sashidhar Kokku

    OriginalL'auteur Dean Harding

  3. 6

    Le jQuery UI widget bouton est capable de transformer le bouton suivant les types:

    • <input type="button" />
    • <input type="submit" />
    • <button></button>

    Depuis le <asp:Button> contrôle affiche le premier type de HTML, vous pouvez inclure les éléments suivants dans votre page maître pour appliquer le jQuery transformer à tous ASP.NET boutons:

    $("input[type=button]").button();

    Vous devez également
    $("input[type=submit]").button();
    pour gérer les boutons de soumission.

    OriginalL'auteur Matt Peterson

  4. 4

    Vous pouvez attribuer un style à la ASP.NET les boutons, puis utiliser le style d'un sélecteur de manière sélective (pardonnez le jeu de mots) s'appliquent à jQuery bouton. Par exemple, si vous définissez l'attribut CssClass="spéciale" sur les boutons que vous souhaitez modifier, puis vous mettez le suivant jQuery dans votre page:

    $(function() {
    $(".special").button();
});

    Espère que ça aide.

    OriginalL'auteur BJ Safdie

  5. 0
    $(document).ready(function() {
$('#<%= Button1.UniqueID %>').click(function() {

    //do something
});

});

    OriginalL'auteur Martin Ongtangco

  6. 0

    Je suis sûr que jQuery UI fonctionne correctement avec le bouton d'entrée, ainsi que tout autre élément.

    Il vous suffit de sélectionner l'élément souhaité.

    OriginalL'auteur Fitzchak Yitzchaki