jquery Найти TD TR с классом и внести изменения (для сетки Telerik MVC) - PullRequest
6 голосов
/ 04 января 2012

это моя наценка

<tr class="t-detail-row">
    <td class="t-hierarchy-cell"></td>           
    <td class="t-detail-cell" colspan="5"></td>
</tr>

Я хочу найти tr с классом t-detail-row и удалить дочерний td с классом t -ierarchy-cell и изменить colpan для td с классом т-деталь-клетка

Я пробовал что-то подобное

var newcolspan = $(e.row).find('.t-detail-row').children('td.t-detail-cell').attr('colspan');

$(e.row).find('.t-detail-row').children('td.t-hierarchy-cell').remove()
.children('td.t-detail-cell').attr('colspan',newcolspan+1);

любая помощь будет принята с благодарностью.

Более подробная информация о ситуации


Привет, Как я могу вызвать функцию jquery клиента, когда расширение сетки запущено.

все, чего я хочу достичь, это. когда мы расширяем сетку Telerik MVC мы получаем эту отметку в подробном ряду

<tr class="t-detail-row">
<td class="t-hierarchy-cell"></td>
<td class="t-detail-cell" colspan="5"></td>
</tr>

я хочу исключить <td class="t-hierarchy-cell"></td> в нем.

и получите оценку как

<tr class="t-detail-row">
<td class="t-detail-cell" colspan="Current+1"></td>
</tr>

для этого я хотел бы сделать что-то вроде этого

в событии расширения сетки, если я могу вызвать функцию jquery тогда, потому что у меня не будет сгенерированной разметки строк подробностей, пока мы не расширим сетку

function onExpandingtheGrid(){
$('tr.t-detail-row').find('td.t-hierarchy-cell').remove();
$('tr.t-detail-row').find('td.t-detail-cell').attr('colspan',newcolspan+1);
}

Спасибо

Решение <ч /> просто добавьте эту строку в свой код телерика

.ClientEvents(exp => exp.OnDetailViewExpand("onExpandingtheGrid"))

и отдыхайте, как упомянуто в вашей функции jquery, Yahoo!

Ответы [ 2 ]

18 голосов
/ 04 января 2012

с отдельными функциями его:

$('tr.t-detail-row').find('td.t-hierarchy-cell').remove();
$('tr.t-detail-row').find('td.t-detail-cell').attr('colspan',newcolspan+1);

В этом случае я использовал find, потому что похоже, что вы пытаетесь использовать целевую строку для клика или чего-то еще. замените селектор tr на вашу цель, если это так.

4 голосов
/ 04 января 2012

Попробуйте это:

$('tr.t-detail-row td.t-hierarchy-cell').remove();
$('tr.t-detail-row td.t-detail-cell').attr('colspan', X); // replace X with desired colspan value
...