Telerik MVC tabstrip выберите вкладку с ошибкой проверки - PullRequest
0 голосов
/ 09 сентября 2011

Я создал форму со вкладкой telerik на ней. Форма разбита на несколько вкладок. При наличии ошибки проверки текущая вкладка (даже без ошибки) остается выбранной. Можно ли выбрать первую вкладку с ошибкой на ней. У меня уже есть:

<script type="text/javascript">
    $(document).ready(function () {
        $("#myForm").submit(function () {
             var tabStrip = $('.t-widget.t-tabstrip.t-header').data('tTabStrip');
        });
    }); 
</script> 

Я не могу понять, как выполнить итерацию по вкладкам и выбрать вкладку, на которой ошибка проверки.

Ответы [ 2 ]

2 голосов
/ 10 октября 2011
$(function () {
    function gotoFirstError() {
        var $firstError = $('#myForm .input-validation-error').first();

        if ($firstError.size() === 1) {
            var id = $firstError.parents('.t-content').attr('id');

            var tabStrip = $("#TabStrip").data("tTabStrip");

            tabStrip.select($(".t-item", tabStrip.element)[parseInt(id.replace(/TabStrip-/, '')) - 1]);
        } else {
            console.log('no error found');
        }
    }

    setTimeout(function () {
        gotoFirstError();
    }, 0);

    $('#myForm').bind("invalid-form.validate", function () {
        $('#myForm').validate().showErrors();
        gotoFirstError();
    });
});
0 голосов
/ 13 сентября 2011

Telerik имел такой пример на сайте:

function SelectItem() {
    var tabStrip = $("#TabStrip").data("tTabStrip");

    tabStrip.select($(".t-item", tabStrip.element)[0]);
}

Другие примеры здесь: http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-tabstrip-client-api-and-events.html

HTH.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...