Web Development

<pre><asp:Repeater ID="RptRulesAndAlerts" runat="server" 
          onitemdatabound="RptRulesAndAlerts_ItemDataBound"  >
  <SeparatorTemplate>
  <br />
  </SeparatorTemplate>
   <ItemTemplate>
   
   <tr valign="middle">
   <td width="20%" align="center" valign="middle">
   <asp:Panel ID="pnl_status" runat="server" >
  
     </asp:Panel>
   </td>
   
   </tr>
  
   </table>
   </asp:Panel>
   </div>
   
   </ItemTemplate>
    </asp:Repeater>

 protected void RptRulesAndAlerts_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
            if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType==ListItemType.AlternatingItem )
            {
 ISRulesAndAlertsDisplay display = e.Item.DataItem as ISRulesAndAlertsDisplay;
<pre> Panel pnl_status = e.Item.FindControl("pnl_status") as Panel;
                if (display.Status < 0) //show default Rule
                {
                    HyperLink showDefaultpops = new HyperLink();
                    showDefaultpops.NavigateUrl = "#";
                    showDefaultpops.Text = GetLocalResourceObject(display.StatusDescription).ToString();
                    showDefaultpops.ID = "libtn_DefaultRule";
                    pnl_status.Controls.Add(showDefaultpops);
                }
                else //show the switch button
                {
                    var div=new  HtmlGenericControl("div");
                    div.Attributes["class"]=string.Format("OnOff  {0}",(display.Status==1)?"ON" :"OFF" );
                    div.Attributes["Title"] = string.Format("Click Here to {0}", (display.Status == 1) ? "OFF" : "ON");

                    var span = new HtmlGenericControl("span");
                    span.Attributes["class"]="on"; 
                    span.InnerText="ON";
                    div.Controls.Add(span);
                    if (display.Status == 0) span.Style["display"] = "none";
                    
                    span = new HtmlGenericControl("span");
                    div.Controls.Add(span);
                   
                    span = new HtmlGenericControl("span");
                    span.Attributes["class"]="off";
                    span.InnerText="OFF";
                    if (display.Status == 1) span.Style["display"] = "none";
                    div.Controls.Add(span);
                    div.Attributes["id"] = "div_status";
                   
                    pnl_status.Controls.Add(div);
                    div.Attributes.Add("OnClick", string.Format("toggle({0});",div.ClientID ));
                   // pnl_status.Attributes.Add["OnClick"]= string.Format(" <%# SaveStatus({0},{1},{2})%> ",display.RuleAlertID,display.Status,e.Item.ItemIndex); 
                }

<pre><script type="text/javascript" >
        
        $(document).ready(function(){
        
        function toggle(id) {
            var element = document.getElementById(id);
            if ($(element).hasClass('On')) {
                $('.on', this).hide();
                $('.off', this).show();
                $element.addClass('Off').removeClass('On').attr('title', 'Click here to OFF');
            }
            else {
                $('.off', this).hide();
                $('.on', this).show();
                $element.addClass('On').removeClass('Off').attr('title', 'Click here to ON');

            }
            alert("END");
        }  })
      
    </script>