2017-07-18 1 views
0

私は、読み込みシンボルを表示するdivを持っています。私はドロップダウンボックスの変更について視認性を設定しています。 SelectedIndexChangedメソッドが完了した後、C#で可視性をfalseに設定したいと思います。ここでasp.netのdivの可視性を変更できませんC#

のdivタグです:

$(document).ready(function() { 
    //$('#loadingImage').hide(); 
    var modal = document.getElementById('loadingImage'); 
    modal.style.display = "none"; 

    $("#selectSegment").change(function() { 
     var modal = document.getElementById('loadingImage'); 
     modal.style.display = "block"; 
    }); 
}); 

、これは私がC#

に可視性を設定しようとしています方法です。ここで

<div runat="server" clientidmode="Static" id="loadingImage" class="loadingImage" > 
<img class="loadingImg" src="../Images/ajax-loader.gif" /> 
</div> 

jQueryの機能です

protected void selectSegment_SelectedIndexChanged(object sender, EventArgs e) 
{ 
    ckBLBusinessUnits.Visible = true; 
    loadingImage.Style["display"] = "none"; 
} 

C#で設定した視界が偽になるなど、いろいろ試しましたが、何も効果がありませんでした。親切に助けてください。

+0

あなたの 'selectSegment'コントロールはAutoPostback = trueに設定されていますか? – Marco

+0

@Ishan jQueryの変更イベントでは、表示がブロックするように設定されており、SelectIndexChangedイベントではnoneに設定されています。私は、あなたがjQueryで行っている表示設定が、SelectIndexChangedイベントで作成した表示設定を上書きしていると信じています。 – Sujith

+0

@Marcoはい、コントロールは次のようになります。 '' – Ishan

答えて

0

divタグはupdatepanelの内部div問題を解決動かし、外updatepanelのでした。

3

変更この:これに

loadingImage.Style["display"] = "none"; 

loadingImage.Style.Add("display", "none"); 
+0

お返事ありがとうございます。しかし、それはうまくいかなかった。 – Ishan

0

あなたはそのアクションを実行するために非表示とshowメソッドを使用することができます。

<div runat="server" clientidmode="Static" id="loadingImage" class="loadingImage"> 

<img class="loadingImg" src="loading.gif" /> 
</div> 


     <asp:DropDownList ID="selectSegment" ClientIDMode="Static" 
runat="server"> 

      <asp:ListItem Value="0">none</asp:ListItem> 

      <asp:ListItem Value="1">display</asp:ListItem> 
     </asp:DropDownList> 

JS

$(document).ready(function() { 

       var modal = document.getElementById('loadingImage'); 
       modal.style.display = "none"; 

       $("#selectSegment").change(function() { 


        if (this.value === "1") { 
         $("#loadingImage").show(); 
        } else { 
         $("#loadingImage").hide(); 
        } 


       }); 
      }); 
関連する問題