Cómo acceder al valor de un ASPxTextBox desde JavaScript

Question

Supongamos que tengo un Devxpress ASPxTextBox cuyo id es "instrumento". Quiero acceder al valor del cuadro de texto en el lado del cliente. Entonces necesito escribir un javascript.

Si se trata de un cuadro de texto normal, asp, podría haber accedido al cuadro de texto escribiendo código como

var instrumentElement = document.getElementById('<%=instrument.ClientID%>')

Pero el mismo enfoque no está trabajando de cuadro de texto del DevExpress.

¿Cómo puedo acceder a un ASPxTextBox? Estoy usando Developer Express Version 7.2.

Aquí es algún fragmento de código más completo -

<div style="display: inline; float: left;"> 
    <dxe:ASPxTextBox ID="InstrumentQuantity" runat="server" Width="170px"> 
    </dxe:ASPxTextBox> 
</div> 

<div style="display: inline; float: left;" onclick="incOrDecQty(0);"> 
    <asp:ImageButton ID="decrementQuantity" runat="server" 
      Height="16px" Width="16px" ImageUrl="~/images/left.png" 
      AlternateText="Decrease Quantity" PostBackUrl="javascript:void(0);"/> 
</div> 

<div onclick="incOrDecQty(1);"> 
    <asp:ImageButton ID="incrementQuantity" runat="server" 
      AlternateText="Increase Quantity" ImageUrl="~/images/right.png" 
      Height="16px" Width="16px" PostBackUrl="javascript:void(0);" /> 
</div> 

Ese fue el código ASP. El Javascript correspondiente es el siguiente:

function incOrDecQty() 
{ 
    var element = document.getElementById('<%=InstrumentQuantity.ClientID%>'); 
    var lotSize = parseInt(document.getElementById('<%=LotSize.ClientID%>') 
     .innerHTML, 10); 
    var currentValue = parseInt(element.value,10); 

    if(arguments[0] == 1) 
     currentValue += lotSize; 
    else if((currentValue - lotSize) >= 0) 
     currentValue -= lotSize; 

    element.value= currentValue;    
} 

Answer 1

Puede establecer la propiedad ClientInstanceName en AspxTextBox.

<dxe:ASPxTextBox ID="InstrumentQuantity" 
runat="server" Width="170px" 
ClientInstanceName="MyTextBox"> 
</dxe:ASPxTextBox> 

ClientSide:

function DoSomething() 
{ 
    var theText = MyTextBox.GetValue(); //GetValue() is the DevExpress clientside function 

    MyTextBox.SetValue('this is the value i want to use'); //Sets the text 

} 

La documentación DevExpress tiene algunos bastante buena información sobre sus secuencias de comandos del lado del cliente. Vaya a este link, haga clic en Referencia, luego haga clic en DevExpress.Web.ASPxEditors.Scripts en el menú.

Answer 2

Es posible que el tercer cuadro de texto del partido no hace uso de la ClientID. Puede probar UniqueID, aunque esto puede no ser una solución aceptable globalmente (podría no funcionar en todos los navegadores).

Answer 3

Aquí se muestran todos los métodos y eventos del lado del cliente en ASPxTextBox.

http://www.devexpress.com/Help/?document=ASPxEditors/DevExpressWebASPxEditorsScriptsASPxClientTextBox_ctortopic.htm