UpdateProgress에서 이미지의 URL을 변경하는 C# 코드

Question

웹 사이트에 등록하는 동안 새 사용자에 대한 사용자 ID 가용성 검사를 만들려고합니다.

<table> 
    <tr> 
     <td> 
      <asp:UpdateProgress ID="UpdateProgress1" runat="server"> 
       <ProgressTemplate> 
        <asp:Image ID="Image1" runat="server" Height="23px" ImageUrl="~/Images/x_mark_red.png" Width="24px" /> 
       </ProgressTemplate> 
      </asp:UpdateProgress> 
      <asp:Button ID="Button2" runat="server" Text="Check" OnClick="Button2_Click" /> 
     </td> 
    </tr> 
</table> 

나는 이미지의 URL을 변경하는 C# 코드를 작성하려면,이 녹색 체크 표시 또는 빨간색 X 표시로 회전에서 이미지를 변경하는 것입니다 :

내 코드는 다음과 같습니다.

어떤 아이디어로주세요? 실제 ID 확인이 완료되기 전에

안부

모든

Answer 1

우선, 처음에, 나는 빈에 이미지 1 URL을 설정합니다. 당신은 이미지 URL 작업을 할 이벤트 핸들러를 정의하고 업데이트 할 수있는 그런

<asp:Image ID="Image1" runat="server" Height="23px" ImageUrl="" Width="24px" /> 

뒤에 코드 : 그래서 나는이 같은 라인을 것

public void Button2_Click(object sender, EventArgs e) 
{ 
    bool isIdAvailable = SomeFunction() - Do whatever you need to determine whether userId is available. 

    Image1.ImageUrl = (isIdAvailable) ? 
     "~/Images/green-check-mark.png" : "~/Images/x_mark_red.png"; 
} 

Answer 2

을 당신이 확인하는 경우 확인 버튼을 클릭 한 사용자의 가용성, Button2_Click 처리기에 다음 코드를 쓰기 : 또한

if (UserIdIsAvailable()) // your check for user id availability here 
{ 
    Image1.ImageUrl = "~/Images/available.png"; 
} 

당신이를 Page_Load에 이미지 URL을 덮어 쓰지 않도록합니다.

아약스 요청을 사용하는 클라이언트에서 사용자 가용성을 확인하는 경우 자바 스크립트를 사용하여 이미지를 변경해야합니다.