Перезапись tabindex не работает в диалоговом окне

//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);

У меня есть диалоговое окно, в котором я отображаю частичное представление с некоторыми метками, текстовыми полями и раскрывающимися списками с помощью кнопки «Сохранить и закрыть». По умолчанию он имеет табуляцию, я хочу вертикальную табуляцию. Поэтому я устанавливаю индексы вкладок по мере необходимости. Но это приводит к тому, что элементы управления, для которых я устанавливаю индекс вкладки, больше не фокусируются на нажатии вкладки. В основном я хочу перезаписать автоматически назначенный индекс вкладки. Пожалуйста помоги. Спасибо


javascript dialog jquery tabindex
person Renascent    schedule 22.07.2016    source источник
comment
Интересно... Можете ли вы поделиться исполняемым демо/сниппетом или JSFiddle? Создайте минимальный, полный и проверяемый пример   -  person Rayon    schedule 22.07.2016
comment
Это определенно работает: jsfiddle.net/hac6ep60. Обратите внимание, что если модальное окно добавляется в DOM после загрузки страницы, вам нужно будет использовать обратный вызов модального окна, чтобы внести эти изменения.   -  person Rory McCrossan    schedule 22.07.2016
comment
В JSFiddle он работает нормально, но в моем приложении это не так... Я просто хочу, чтобы решения перезаписывали автоматически назначенный индекс вкладок. Итак, я могу изменить табуляцию на вертикальную.   -  person Renascent    schedule 22.07.2016

Ответы (1)


arrow_upward
0
arrow_downward 

    $("#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);

Поскольку я визуализирую частичное представление, мне нужно назначить индекс вкладки в соответствии с индексами вкладок, назначенными в основном представлении. Поэтому я просто назначил индексы вкладок в продолжение индексов вкладок основного представления, и это работает. :)

person Renascent    schedule 22.07.2016