Css Friendly adapter (WebControlAdapter)

Css Friendly adapter (WebControlAdapter) - C#/.NET managed - Programmation

Marsh Posté le 27-11-2007 à 14:54:50    

Bonjour,
 
J'essaie de changer le rendu d'une check box avec les css friendly adapter.
 
Je suis parvenu à écrire quelque chose qui fonctionne mais par contre je ne sais pas trop comment je pourrait faire pour permettre l'AutoPostBack?
 
Voici mon code actuel:

Code :
  1. using System;
  2. using System.Data;
  3. using System.Collections;
  4. using System.Configuration;
  5. using System.IO;
  6. using System.Web;
  7. using System.Web.Security;
  8. using System.Web.UI;
  9. using System.Web.UI.WebControls;
  10. using System.Web.UI.WebControls.WebParts;
  11. using System.Web.UI.HtmlControls;
  13. namespace CSSFriendly
  14. {
  15. public class CheckBoxAdapter : System.Web.UI.WebControls.Adapters.WebControlAdapter
  16. {
  17.  protected override void Render(HtmlTextWriter writer)
  18.         {
  19.             CheckBox checkbox = this.Control as CheckBox;           
  21.             writer.Write(
  22.                 String.Format(@"
  23.                     <div class=""checkBoxes"">
  24.                         <input style=""display: none;"" class=""checkBox"" name=""{0}"" id=""{1}"" type=""checkbox"" {2}>
  25.                         <div id=""alt-{1}"" class=""checkBox{3}"" onclick=""checkInput(this,'{1}')""></div>
  26.                     </div> {4}",
  27.                       checkbox.ClientID.Replace('_','$'),
  28.                       checkbox.ClientID,
  29.                       (checkbox.Checked ? "checked='checked'" : "" ),
  30.                       (checkbox.Checked ? "" : "-default" ),
  31.                       checkbox.Text
  32.                 )
  33.             );
  35.             Page.ClientScript.RegisterForEventValidation(checkbox.UniqueID);
  36.         }
  37. }
  38. }


 
Et un petit javascript qui va avec pour cocher:

Code :
  1. function checkInput(div, inputId) {
  2.     var input = document.getElementById(inputId);
  4.     if(input.checked) {
  5.         div.className = "checkBox-default";
  6.  input.checked = false; 
  7.     } else {
  8.         div.className = "checkBox";
  9.         input.checked = "checked";
  10.     }
  11. }


Reply

Marsh Posté le 27-11-2007 à 14:54:50   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed