jquery star rating plugin aide nécessaire

Question

J'ajoute le plugin d'étoiles de www.fyneworks.com/jquery/star-rating/ et je trouve la documentation plutôt obscure. Il se peut que je regarde au mauvais endroit, ce qui ne serait pas inhabituel pour moi.

Nous sommes sur une application MVC asp.net, et je voudrais ajouter l'objet de classement par étoiles dans 3 pages différentes. Sur la page "créer une évaluation", je voudrais mettre en place une note de 5 étoiles, mais je voudrais cacher ou supprimer l'icône "supprimer". En d'autres termes, lorsque je donne à un utilisateur la possibilité d'évaluer quelque chose que je voudrais par défaut à 3 étoiles et de leur permettre seulement de voter 1 - 5. Je ne veux pas qu'ils soient en mesure de soumettre la note à zéro . Le concept derrière radiobuttons gérerait cela sauf que le choix "delete" l'emporte.
Voici le code que j'ai actuellement.

 <td> 
      <strong> 
       <label for="Rating"> 
        Rating:</label></strong> 
     </td> 
     <td valign="top" width="180"> 
      <input name="rating" type="radio" class="star" value="1" /> 
      <input name="rating" type="radio" class="star" value="2" /> 
      <input name="rating" type="radio" class="star" value="3" checked="checked" /> 
      <input name="rating" type="radio" class="star" value="4" /> 
      <input name="rating" type="radio" class="star" value="5" /> 
     </td> 

Ceci est mon premier post, je l'espère est dans ce protocole, j'ai aussi une autre question sur ce même jquery et je ne sais pas si je devrais créer une autre question ou l'ajouter ici. Pour l'instant je vais l'ajouter ici, et si cela est faux, faites le moi savoir et je vais le créer comme une question distincte.

Sur une autre page de l'application, je veux afficher plusieurs commentaires pour chaque entité avec la note. Je ne vois pas comment cela devrait être fait. J'ai une boucle foreach qui affiche chaque avis avec la note d'étoiles, mais ma boucle met toutes les étoiles pour toutes les notes en haut de la liste de révision. En d'autres termes, s'il y a 6 évaluations pour une entité spécifique, 30 étoiles sont affichées (6 x 5) suivies de 6 lignes de résumé. Je suppose que je dois changer de façon dynamique le nom du nom d'entrée dans ma boucle, pour obtenir les différents objets associés à leurs lignes récapitulatives. Voici le code pour cela:

<table> 
<% foreach (var review in Model.Reviews) 
    { %> 
     <tr> 
     <% if (!Model.IsSingleBusiness) 
      { %> 
       <td> 
        <%= Html.ActionLink(Html.Encode(review.Title), "Details", new { id = review.ReviewId, eId = Model.Entity.EntityId })%> 
       </td> 
     <% } %> 
      <td valign="top"> 
       <%= Html.ActionLink("Details", "Details", new { id = review.ReviewId, eId = Model.Entity.EntityId })%> 
       <br />Rating: <%= Html.Encode(review.Rating)%> 
        <input name="rating" type="radio" class="star" disabled="disabled" /> 
        <input name="rating" type="radio" class="star" disabled="disabled" /> 
        <input name="rating" type="radio" class="star" disabled="disabled" /> 
        <input name="rating" type="radio" class="star" disabled="disabled" /> 
        <input name="rating" type="radio" class="star" disabled="disabled" /> 
       <br />By: <%= Html.Encode(review.Reviewer.FullName)%> 
      </td> 
      <td valign="top"> 
       <%= Html.ActionLink(Html.Encode(review.Title), "Details", new { id = review.ReviewId, eId = Model.Entity.EntityId })%> 
      </td> 
     </tr> 
<% } %> 

</table> 

Merci d'avance pour l'aide.

Bob

Answer 1

Regardez dans le code du plug-in, dans le premier objet que vous avez la fonction .each() dans ce que vous avez du code pour créer le bouton annuler il a commenté « // bouton Créer « annuler » » - le code de commentaire au dessous de . Devrait désactiver le bouton d'annulation. Pour définir par défaut 3 étoiles voir comment ce code se comporte en l'exécutant dans firebug et changer ce dont vous avez besoin.

Answer 2

Vous pouvez utiliser les paramètres paramètres du plug-in pour désactiver le bouton d'annulation:

$.fn.rating.options = { required: true }; 

Pour activer le plug-in sur tous vos radiobuttons avec la classe « star » sur votre page mais sans le bouton Annuler :

$(function(){ 
    $.fn.rating.options = { required: true }; 
    $('.star').rating({ 
     callback: function(value, link) { 
      // To submit the form automatically: 
      // this.form.submit(); 
      // To submit the form via ajax: 
      $(this.form).ajaxSubmit(); 
     } 
    }); 
}); 

Answer 3

également ceci:

$(function(){ 
$('.star').rating({ 
    required: true, 
    callback: function(value, link) { 
     // To submit the form automatically: 
     // this.form.submit(); 
     // To submit the form via ajax: 
     $(this.form).ajaxSubmit(); 
    } 
}); 

});