2016-07-22 92 views
0
//tab index test 
    $("#txtProductName").attr('tabindex', 1); 
    $("#txtQty").attr('tabindex', 2); 
    $("#txtProductLine").attr('tabindex', 3);  
    $("#txtFeeType").attr('tabindex', 4); 
    $("#ddlBillingFrequency").attr('tabindex', 5); 
    $("#txtAssetStartDate").attr('tabindex', 6); 
    $("#txtAssetEndDate").attr('tabindex', 7); 
    $("#txtLineType").attr('tabindex', 8); 
    $("#txtARBSId").attr('tabindex', 9); 
    $("#txtTotalValue").attr('tabindex', 10); 
    $("#ddlProductTypeList").attr('tabindex', 11); 
    $("#ddlBillingMilestoneList").attr('tabindex', 12); 
    $("#txtCompanyCode").attr('tabindex', 13);   
    $("#txtActivityCodeId").attr('tabindex', 14); 
    $("#txtCostCodeId").attr('tabindex', 15); 

我有一個對話框,其中我使用一些標籤,文本框和帶有保存並關閉按鈕的下拉列表渲染局部視圖。默認情況下,它已經跨越Tab鍵我想要垂直Tab鍵。所以我根據需要設置標籤索引。但它導致不是Tab鍵意味着我設置了Tab索引的控件,它在按Tab時不再焦點。基本上我想覆蓋自動分配的選項卡索引。請幫忙。謝謝寫tabindex在對話框中不工作

+0

有趣的...你可以分享可執行的演示/片段或[JSFiddle](https://jsfiddle.net/)? [_創建一個最小,完整和可驗證的示例_](http://stackoverflow.com/help/mcve) – Rayon

+0

這絕對有效:https://jsfiddle.net/hac6ep60/。請注意,如果模式在頁面加載後附加到DOM,那麼您將需要使用模式的回調來進行這些更改。 –

+0

在JSFiddle中它的工作正常,但在我的應用程序中不是......我只是想要覆蓋自動分配的選項卡索引的解決方案。所以,我可以通過Tab鍵改變爲垂直。 –

回答

0
$("#txtProductName").attr('tabindex', 15); 
    $("#txtQty").attr('tabindex', 16); 
    $("#txtProductLine").attr('tabindex', 17);  
    $("#txtFeeType").attr('tabindex', 18); 
    $("#ddlBillingFrequency").attr('tabindex', 19); 
    $("#txtAssetStartDate").attr('tabindex', 20); 
    $("#txtAssetEndDate").attr('tabindex', 21); 
    $("#txtLineType").attr('tabindex', 22); 
    $("#txtARBSId").attr('tabindex', 23); 
    $("#txtTotalValue").attr('tabindex', 24); 
    $("#ddlProductTypeList").attr('tabindex', 25); 
    $("#ddlBillingMilestoneList").attr('tabindex', 26); 
    $("#txtCompanyCode").attr('tabindex', 27); 
    $("#txtActivityCodeId").attr('tabindex', 28); 
    $("#txtCostCodeId").attr('tabindex', 29); 

當我渲染局部視圖時,我需要根據在主視圖上分配的選項卡索引來分配選項卡索引。因此,我只是在主視圖的選項卡索引的延續中分配了選項卡索引,並且它工作正常。 :)