使用C＃和jQuery在ASP.NET中動態加載用戶控件後事件不會觸發

Question

我正在加載UserControl使用jQuery在aspx頁面中動態加載。但是我在UserControl內觸發按鈕的點擊事件（以及下拉列表）時遇到了問題。它不會着火。

我想在ascx.cs文件（在按鈕單擊事件）上編寫insert/upadate代碼。 它可能有國家城市選擇等（我們必須去服務器獲得城市信息也許）

請在下面找到我的aspx，aspx.cs，ascx和ascx.cs文件代碼。

Default.aspx的

<%@ Page Title="Home Page" Language="C#" MasterPageFile="Site.master" AutoEventWireup="true" 
    Debug="true" EnableEventValidation="true" CodeFile="LoadControl.aspx.cs" Inherits="LoadControl" %> 

<%@ Register Src="UserControls/Login.ascx" TagName="Login" 
    TagPrefix="uc3" %> 
<%@ Register Src="UserControls/PersonelInfo.ascx" TagName="PersonelInfo" TagPrefix="uc4" %> 
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 

    <script type="text/javascript" src="js/blockUI.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#Button1').click(function() { 
       ControlLoad("PersonelInfo.ascx"); 
      }); 
      $('#Button2').click(function() { 
       ControlLoad("Login.ascx"); 
      }); 
     }); 
     function ControlLoad(Name) { 
      $.blockUI({ message: '<h1> Processing...</h1><img src="img/loader.gif" />' }); 
      $.ajax({ 
       type: "POST", 
       url: "LoadControl.aspx/Result", 
       data: "{ controlName:'" + "UserControls/" + Name + "'}", 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       success: function(response) { 
        $.unblockUI();     
        $("#result").fadeOut("slow", function() { $(this).html(response.d) }).fadeIn("slow"); 
       }, 
       error: function(msg) { 
        $.unblockUI(); 
        $('#result').html(msg.d); 
       } 
      }); 
     } 

    </script> 

    <script type="text/javascript"> 

     $(document).ready(function() { 

      $("#loaderGif1").hide(); 
      $("#loaderGif2").hide(); 
      $("#ddl_City").html("<option value=''>Select City </option>"); 
      $("#ddl_Town").html("<option value=''>Select Town </option>"); 
      $("#ddl_City").change(function() { 
       CityChange(); 
       } 
      }) 
      $("#ddl_Town").change(function() { 
       Change(); 
      }) 
     }); 


     function CityChange() { 

      try { 
       $("#loaderGif1").show(); 
       $("#ddl_Town").attr("disabled", "true").html("<option value=''> Select City</option>"); 
       $("#ddl_Town").attr("disabled", "true").html("<option value=''>Select Town</option>"); 
       var ilID = $("#ddl_City").val(); 
       var pagePath = window.location.pathname; 
       $.ajax({ 
        type: "POST", 
        url: pagePath + "/CityChange", 
        contentType: "application/json; charset=utf-8", 
        data: '{CityID:' + CityID + '}', 
        dataType: "json", 
        success: onSucceeded1, 
        error: onFailed 
       }); 
       alert("succed"); 
       return false; 
      } 
      catch (e) { 
       alert(e); 
      } 
     } 

     function onSucceeded1(result) { 
      $("#loaderGif1").hide(); 
      $("#ddl_City").removeAttr("disabled").html(result.d); 
      $("#ddl_Town").removeAttr("disabled"); 
     } 

     function onFailed(result) { 
      alert(result.d); 
     } 


     function TownChange() { 
      $("#loaderGif2").show(); 
      $("#ddl_Town").attr("disabled", "true").html("<option value=''>Select Town</option>"); 
      var CityID = $("#ddl_Town").val(); 
      var pagePath = window.location.pathname; 
      $.ajax({ 
       type: "POST", 
       url: pagePath + "/TownChange", 
       contentType: "application/json; charset=utf-8", 
       data: '{TownID:' + TownID + '}', 
       dataType: "json", 
       success: onSucceeded2, 
       error: onFailed 
      }); 
      alert("succed"); 
      return false; 
     } 
     function onSucceeded2(result) { 
      $("#loaderGif2").hide(); 
      $("#ddl_Town").removeAttr("disabled").html(result.d); 
     } 
    </script> 

</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 
    <h2> 

    </h2> 
    <p> 
<input type="button" id="Button2" value="Login" /> 
     <input type="button" id="Button1" value="Personel Info" /> 
     <input type="button" id="Button2" value="Login" /> 
. 
. 
. 
. 

     <div id="result"> 
     </div> 
     </p> 
</asp:Content> 

general.ascx

[WebMethod] 
    public static string CityChange(string CityID) 

我想我需要的地方綁定按鈕單擊事件。 （可能是我錯了）但不知道如何。

Answer 1

但是你不動態加載用戶控件。你從服務器獲得渲染標記，回調函數將它附加到某處。

這不是建議的，建議的，標準和/或受支持的ASP.NET方法。如果這些以前添加控件的收集和妥善登記，以便發動機將呈現此時，相應的JavaScript來處理客戶端事件

ASP.NET控件將觸發事件。

換句話說，你需要考慮另一種方法。也許更新面板？我不喜歡這樣，但有時可能是有用的，以便快速解決一些問題，也許這是你在找什麼：

• http://msdn.microsoft.com/en-us/library/system.web.ui.updatepanel.aspx