Как найти LinkButton в GridView, используя JavaScript или JQuery?

Question

У меня есть один GridView "gvDetail", который имеет 30 столбцов (включая Template и BoundField).

В этих столбцах у меня есть один флажок "chkSelect" во втором столбце. И одна кнопка Link "lnkQC" в 22-й колонке.

Я хочу включить LinkButton, когда я проверяю CheckBox в GridView. А также я хочу отключить LinkButton при снятии флажка CheckBox.

Как этого добиться с помощью JavaScript или JQuery? Пожалуйста, мне нужны все ваши предложения ...

Answer 1

Ваш LinkButton рендерит на простой якорь. Код будет выглядеть следующим образом. Если у вас есть некоторые ссылки внутри таблицы, вам нужно будет указать класс css для этой кнопки ссылки и изменить селектор в этом js.

$(document).ready(function() {
    $('#grid-table-id input:checkbox').change(function() {
        var linkDisableHandler = function(e) { 
                                       e.preventDefault();
                                       return false; 
                                 };

        if ($(this).is(':checked')) {
            $(this).closest('tr')
                   .find('a')
                   .removeClass('disabled')
                   .unbind('click', linkDisableHandler);
        } 
        else {
            $(this).closest('tr')
                   .find('a') 
                   .addClass('disabled')
                   .bind('click', linkDisableHandler);;
        }
    });
});

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

Answer 2

Просто нужно добавить событие onDatabound Gridview и зарегистрировать javascript для события с измененным флажком и передать идентификатор кнопки ссылки в качестве параметра в зарегистрированный JavaScript. Вы получите кнопку ссылки в javascript, вы можете делать как хотите.