imagebutton 이미지 URL이 리피터에서 동적 변경되지 않았습니다.

Question

리피터를 사용하여 데이터를 바인드합니다. & 헤더 템플릿에 정렬 버튼으로 imagebutton을 사용하고 있습니다.

내 클라이언트 측 코드 : C# 코드에

<asp:Repeater runat="server" ID="RptClientDetails" OnItemDataBound="RptClientDetails_ItemDataBound"> 
          <HeaderTemplate> 
           <table id="example" class="dynamicTable table table-striped table-bordered table-primary"> 
            <thead> 
             <tr> 
              <th> 
               Client Name 
               <asp:ImageButton runat="server" ID="ImgbtnNameUp" ImageUrl="~/Images/BlackUp.png" 
                OnCommand="lbtnSortingAccending_Click" CommandArgument="Name" Height="15px" Width="20px" /> 
               <asp:ImageButton runat="server" ID="ImgbtnNameUpDown" ImageUrl="~/Images/BlackDown.png" 
                OnCommand="lbtnSorting_Click" CommandArgument="Name" Height="15px" Width="20px" /> 
              </th> 
              <th> 
               Total Balance Due 
               <asp:ImageButton runat="server" ID="ImgbtnTotalBalanceDueUp" ImageUrl="~/Images/BlackUp.png" 
                OnCommand="lbtnSortingAccending_Click" CommandArgument="TotalBalanceDue" Height="15px" 
                Width="20px" /> 
               <asp:ImageButton runat="server" ID="ImgbtnTotalBalanceDueDown" ImageUrl="~/Images/BlackDown.png" 
                OnCommand="lbtnSorting_Click" CommandArgument="TotalBalanceDue" Height="15px" 
                Width="20px" /> 
              </th> 
             </tr> 


            </thead> 
            <tbody> 
          </HeaderTemplate> 
          <ItemTemplate> 

: 그래서 여기

protected void lbtnSorting_Click(object sender, CommandEventArgs e) 
{ 
    string sortExpression = e.CommandArgument.ToString(); 
    List<ARDTO> SirtlingListOBj = (List<ARDTO>)Session["GetClientList"]; 
    int Showall = (int)Session["ShowAll"]; 

    ImageButton imgBtnobj = new ImageButton(); 
    imgBtnobj = (ImageButton)sender; 
    imgBtnobj.ImageUrl = ""; 
    imgBtnobj.ImageUrl = "/Images/greenDown.png"; 
} 

내가 이미지 URL을 변경하려면 ... 그러나 그것은 작동하지 않습니다 ... , 어떤 몸이라도 나를 도울 수 있습니다 ...

여기에 무슨 문제가 있습니까?

또는 CSS를 통해 변경할 수 있습니까?

Answer 1

이렇게하면 렌더링 된 이름이 걱정되지 않아도됩니다.

Datalist는 서버 측에서 처리되므로 ImageUrl 경로가 완전히 렌더링됩니다. 이것은 Image1 src를 설정하는 하단의 jquery에 대한 간단한 OnClientClick 호출을 남겨 두어야합니다.

또한, 나는 SimpleModal 플러그인의 실제 전화를 보지 못했다, 그래서 JS에 추가 난 당신이 전혀 코드를 기반으로 팝업 모든 종류의를 받고 얼마나 볼 수 없었다으로 니펫

<div id="basic-modal-content"> 
    <asp:Image ID="Image1" ImageUrl="" runat="server" /> 
</div> 

<div id='container'> 
    <asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal" RepeatColumns="5" > 
     <ItemTemplate> 
      <asp:ImageButton ID="ThumbnailImg" ImageUrl='<%# Eval("n1") %>' Height="100" Width="150" BorderStyle="Ridge" runat="server" OnClientClick="ShowFullImg(this);" /> 
     </ItemTemplate> 
    </asp:DataList> 
</div> 

<script type="text/javascript"> 
    function ShowFullImg(e) 
    { 
     $('#basic-modal-content img').attr('src',$(e).attr('src')) 
     $('#basic-modal-content').modal() 
    } 
</script>