Question

我有一个转发器，代表一个购物篮。此购物篮有“更新数量”和“删除项目”按钮。

当您编辑数量并单击回车时，我将需要它来使用更新数量按钮（与现在使用删除项目按钮不同）。

在代码中，我尝试通过添加带有DefaultButton的“QuantityPanel”来修复此问题，但这并不能解决我的问题！

有什么想法吗？

我的代码：

<asp:Repeater ID="ProductBasketRepeater" runat="server" 
                onitemcommand="ProductBasketRepeater_ItemCommand" 
                onitemdatabound="ProductBasketRepeater_ItemDataBound1">
        <ItemTemplate>
            <tr class="BasketEntryItem">
                <td class="ImageCol">
                    <asp:Image ID="ProductImageBox" runat="server" Width="50" />
                </td>

                <td class="NameCol">
                    <asp:HyperLink ID="ProductNameHyperlink" runat="server"></asp:HyperLink>             
                </td>

                <td class="PriceCol">
                    <asp:Label ID="PriceLabel" runat="server"></asp:Label>
                </td>

                <td class="QuanCol">
                    <asp:Panel ID="QuantityPanel" runat="server" DefaultButton="UpdateQuantityBtn">
                        <asp:TextBox ID="QuantityBox" runat="server" Width="30px"></asp:TextBox>
                        <asp:LinkButton ID="UpdateQuantityBtn" runat="server" Text="Opdater" CommandName="UpdateQuantity"></asp:LinkButton>
                    </asp:Panel>
                </td>

                <td class="TotalCol">
                    <asp:Label ID="TotalPriceLabel" runat="server"></asp:Label><br />
                    <asp:Button ID="DeleteProductBtn" runat="server" Text="Slet" CommandName="Delete"  />
                </td>
            </tr>
        </ItemTemplate>

        <SeparatorTemplate>

        </SeparatorTemplate>
    </asp:Repeater>

Answer 1

如果jQuery不可用，您可以使用简单的JavaScript设置为任何texbox设置默认按钮：

JS代码：

function clickButton(e, buttonid){
      var evt = e ? e : window.event;
      var bt = document.getElementById(buttonid);
      if (bt){
          if (evt.keyCode == 13){
                bt.click();
                return false;
          }
      }
}

ASPX页面或任何简单的“输入”文本框：

<input name="TextBox1" type="text" id="TextBox1" onkeypress="return clickButton(event,'Button1')"  />

代码生成C＃：

TextBox1.Attributes.Add("onkeypress", "return clickButton(event,'" + Button1.ClientID + "')");

在转发器中应用此代码需要帮助吗？

Answer 2

使用jQuery，当在文本框中按Enter键时，这段代码将发出程序化点击：

$('input[id$=QuantityBox]').keypress(function(e) {
    if (e.keyCode == 13) {
        $(this).next('input[id$=UpdateQuantityBtn]').click();
    }
});

注意：我看到你有点迟到没有特别请求jquery，但在你这样做的时候，这应该可以解决问题。

Repeater中的DefaultButton有文本框和按钮吗？

2 个答案: