如何從JavaScript訪問ASPxTextBox的值

Question

假設我有一個DevExpress ASPxTextBox，其ID是「instrument」。我想訪問客戶端文本框的值。所以我需要寫一個JavaScript。

如果這是一個正常的asp文本框，我可以通過編寫代碼就像

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

但同樣的辦法是行不通了的DevExpress的文本框訪問該文本框。

如何訪問ASPxTextBox？我正在使用Developer Express版本7.2。

下面是一些更深入的代碼片斷 -

<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> 

這是ASP代碼。相應的Javascript如下：

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

您可以在AspxTextBox上設置ClientInstanceName屬性。

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

客戶方：

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 

} 

的DevExpress的文檔，對他們的客戶端腳本一些非常好的信息。轉到此link，單擊參考，然後單擊菜單上的DevExpress.Web.ASPxEditors.Scripts。

Answer 2

有可能第三方文本框不使用ClientID。你可能會嘗試UniqueID，雖然這可能不是全球可接受的修復程序（可能不適用於所有瀏覽器）。

Answer 3

以下是ASPxTextBox上的所有客戶端方法和事件。

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