Как использовать javascript в asp & C# языке с Devexpress

Question

Я хочу использовать javascript в ASP.NET вместе с элементами управления Devexpress. Как их сочетать?

Например, у меня есть .aspx страницу с 2-мя текстовыми полями, как это:

<dx:ASPxTextBox ID="textbox_ID" runat="server" Height="16px" Width="83px" 
     ontextchanged="IDChanged"> 
    <ClientSideEvents TextChanged="IDTextChanged" /> 
</dx:ASPxTextBox> 

<dx:ASPxTextBox ID="textbox_Name" runat="server" Height="16px" Width="83px">   
    </dx:ASPxTextBox> 

и у меня есть C# исходный код так:

protected void IDChanged(object sender,EventArgs e) 
{ 
    if (textbox_ID.Text == "ABC") 
    { 
     textbox_Name.Enabled = true; 
    } 
    else 
    { 
     textbox_Name.Enabled = false; 
    } 
} 

Но страница нужно загрузить, чтобы выполнить это функция. Поэтому я хочу использовать javascript, чтобы страница могла выполняться без загрузки страницы.

Вопрос: если я хочу использовать этот алгоритм в javascript, как это сделать?

Answer 1

Очень легко передать любой идентификатор управления из кода позади функции Javascript. С помощью свойства Control'ClientId мы можем передать любой идентификатор управления с кода на Javascript.

Предположим, у нас есть контроль текстовое поле и кнопки управления, как показано ниже:

<asp:TextBox ID="textbox_ID" runat="server" Text="ABC"></asp:TextBox> 
<asp:Button ID="btn_get_value" runat="server" Text="Get Value" /> 

Мы делаем функцию JavaScript:

<script type="text/javascript" language="javascript"> 
    function get_value(id) 
    {  
     var Name = document.getElementById("textbox_ID").value; 
      if (Name == 'ABC') 
      { 
      alert("Value Match"); 
      return true; 
      } 
      else 
      { 
      alert("Value Not Match"); 
      return false; 
      } 

    } 
</script> 

Теперь, с фоновым кодом в кнопки записи событий нажмите:

protected void btn_get_value_Click(Object sender,EventArgs e) 
{ 
    ScriptManager.RegisterStartupScript(Page, typeof(Page), "message", "javascript:get_value('"+ textbox_ID.ClientID +"');", true); 
} 

надеюсь, это будет полезно для вас.

Answer 2

Вы должны вызвать функцию JavaScript в текстовом поле текста изменен на сторону клиента событие первого

<dx:ASPxTextBox ID="textbox_ID" runat="server" Height="16px" Width="83px"><ClientSideEvents TextChanged="function(s,e){OnTextChanged(s,e);}" /> 

Тогда вы должны написать JavaScript функции

<script type="text/javascript" language="javascript"> function OnTextChanged(s,e) { if (s.GetText() == 'ABC') { alert("Value Match"); return true; } else { alert("Value Not Match"); return false; } } </script>