2015-02-23 53 views
0

我正在使用ASP.Net ListView,用户可以在其中输入PartNumbers并通过单击验证按钮验证它们。现在我想在用户按下TAB键时触发该按钮。重要的是Tab键关键事件只发生在ListView中。我明白,我需要用JavaScript来做,但我不知道如何触发ListView按钮。ASP.NET ListView选项卡事件触发器验证按钮

这里是我的代码:

<asp:Panel runat="server" Width="700" Height="200"> 
<telerik:RadListView runat="server" 
    ID="RadListView_NewProposal" 
    ItemPlaceholderID="RadListView_NewProposal_ItemPlaceholder" 
    AllowPaging="True" 
    OnItemDataBound="RadListView_NewProposal_ItemDataBound" 
    OnNeedDataSource="RadListView_NewProposal_NeedDataSource"> 
    <LayoutTemplate> 
     <asp:Panel runat="server"> 
      <asp:Table runat="server" CssClass="mainTable"> 

       <asp:TableHeaderRow runat="server" ForeColor="Red"> 
        <asp:TableHeaderCell>&nbsp;</asp:TableHeaderCell> 
        <asp:TableHeaderCell CssClass="test_table">Partnumber</asp:TableHeaderCell> 

       <asp:TableRow> 
        <asp:TableCell ID="RadListView_NewProposal_ItemPlaceholder" runat="server"></asp:TableCell> 
       </asp:TableRow> 

       <asp:TableFooterRow runat="server"> 
        <asp:TableCell ColumnSpan="3"> 
         <telerik:RadDataPager ID="RadDataPagerProducts" runat="server" PageSize="5"> 
          <Fields> 
           <telerik:RadDataPagerButtonField FieldType="Numeric"></telerik:RadDataPagerButtonField> 
          </Fields> 
         </telerik:RadDataPager> 
        </asp:TableCell> 
       </asp:TableFooterRow> 

      </asp:Table> 
     </asp:Panel> 
    </LayoutTemplate> 

    <ItemTemplate> 
     <asp:Panel runat="server" Visible='<%# Eval("Visible")%>'> 
      <asp:TableRow ID="TableRow1" runat="server" ForeColor="Teal"> 
       <asp:TableCell CssClass="LF_Proposal_Buttons"> 
        <asp:ImageButton runat="server" ID="btnVerify" CssClass="rlvBEdit" ToolTip="Material Nummer überprüfen." ImageUrl="images/Column-Add_Small.png" CommandArgument='<%# Eval("Key") %>' 
         OnCommand="btnVerify_Command" /> 
        &nbsp; 
          <asp:ImageButton runat="server" ID="btnDelete" CssClass="rlvBDelete" ToolTip="Eintrag Löschen." ImageUrl="images/Delete_Small.png" CommandArgument='<%# Eval("Key") %>' 
           OnCommand="btnDelete_Command" /> 
       </asp:TableCell> 
       <asp:TableCell CssClass="LF_Proposal_Partnr"> 
        <telerik:RadAutoCompleteBox runat="server" ID="cbPartnumber" DropDownWidth="240px" DropDownHeight="160px" 
         Filter="StartsWith" InputType="Text" OnClientTextChanged="cbPartnumber_OnTextChanged" AutoPostBack="True" 
         > 
        </telerik:RadAutoCompleteBox> 
       </asp:TableCell> 
      </asp:TableRow> 
     </asp:Panel> 
    </ItemTemplate> 
</telerik:RadListView> 
+0

所以建议的流程是...用户通过表单字段标签,获取零件号码字段,输入零件号码,然后标签到下一个字段。正确?你关心的领域是'cbPartnumber'? – timothyclifford 2015-02-23 12:13:26

+0

不完全是,用户在'cbPartnumber'字段中输入Partnumber,然后用Tab键触发'btnVerify'按钮。 – Duppata 2015-02-23 12:28:29

+0

是否有这样的理由,他们是用tab键触发按钮而不是点击它或按正常/预期形式行为按回车? – timothyclifford 2015-02-23 12:32:26

回答

0

这里就是我会尝试...

添加CSS类到cbPartnumber场,让我们假定它是part-number

在JavaScript

然后(假设你正在使用jQuery):

$(".part-number").blur(function() { 
    $(".rlvBEdit").trigger("click"); 
}); 

这将完成是每次用户点击/制表符到零件号码输入,然后点击/标签了,点击会在验证按钮上触发。