2016-10-28 13 views
0

私は異なるHTMLページの内容で動的にポップアップdivをロードしています。 HTMLページのコントロールがdivで正常に終了していますが、問題はページ全体がコンテンツの読み込み中にリフレッシュされていることです$("#middlepart").load() asp.netでページを更新せずにコンテンツをリロードしたいです。 コードは以下の通りである:私はイベントasp.netのページを更新せずにdivを読み込み

$("#ddlBenefitType").relateSelectControl({ 
      selectControlDataSource: benefittypedata, 
      dataValueField: 'id', 
      dataTextField: 'text', 

      onchange: function (e) { 
       e.preventDefault(); 
       var selectedtype = $("#ddlBenefitType").getSelectControlText(); 

       if (selectedtype == 'Accommodation') { 
        var key = getQueryStringValue('id'); 
        $("#middlepart").load(baseUrl + "employee/accomodationdetails_ie.html?id=" + key); 
       } 

       if (selectedtype == 'Loan') { 
        var key = getQueryStringValue('id'); 
        $("#middlepart").load(baseUrl + "employee/loandetails_ie.html?id=" + key); 
       } 
      } 
     }); 
+3

Juery AJAXを使用します.. –

答えて

1

ONCHANGEドロップダウンを呼び出すのdivを更新しています

<div class="popmiddlepart"> 
       <div class="type-benifit"> 
        <div class="subdivOne"> 
         <div class="fl-lt"> 
          <label>Type of Benefit</label> 
         </div> 
         <div class="fl-lt"> 
          <div id="ddlBenefitType" > 
          </div> 

         </div> 
         <div class="clearfix"></div> 
         <hr style="margin-bottom: 10px; margin-top: 10px;"> 
        </div> 
       </div> 


       <div id="relate-message-box-html" style="display: none"> 
        <i class="fa fa-info-circle" aria-hidden="true" style="color: red;"></i><strong></strong> 
        <span id="spnToolTipTexthtml"></span> 
       </div> 

       <div class="clearfix"></div> 
       <div id="middlepart" class="dynamic-content"> 
        <div class="middle-part"> 
         content goes here 
        </div> 
       </div> 

      </div> 

$.get()を試してみてください。外部ソースからHTMLを非同期にロードするためのjquery ajax呼び出しを作成するための略語です。このような

何か作業をする必要があります:

$.get(baseUrl + "employee/accomodationdetails_ie.html?id=" + key, function(data) { 
    $("#middlepart").html(data); 
}); 
関連する問題