如何从 JavaScript 访问 ASPxTextBox 的值

Question

假设我有一个 id 为“instrument”的 DevExpress ASPxTextBox。我想访问客户端文本框的值。所以我需要写一个javascript。

如果它是一个普通的 asp 文本框，我可以通过编写类似

var InstrumentElement = document.getElementById('<%=instrument.ClientID%>')< 的代码来访问该文本框/code>

但是同样的方法不适用于 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 文档在其客户端脚本上提供了一些非常好的信息。转到此链接，单击“参考”，然后单击“DevExpress.Web.ASPxEditors”。菜单上的脚本。

Answer 2

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

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

Answer 3

第三方文本框可能未使用 ClientID。您可以尝试 UniqueID，尽管这可能不是全局可接受的修复（可能不适用于所有浏览器）。

Answer 4

这种获取客户端 DevExpress ASPxClientTextBox 的方法对我有用：

var dxc = ASPxClientControl.GetControlCollection().GetByName("ASPxTextBoxClientInstanceName");

基于以下解决方案： https://stackoverflow.com/a/44251251/