Присоедините CheckBox к заголовку таблицы в HTML с помощью jQuery в LightSwitch - PullRequest
Новая
       35

Присоедините CheckBox к заголовку таблицы в HTML с помощью jQuery в LightSwitch

0 голосов
/ 17 сентября 2018

Использование Visual Studio LightSwitch 2015.

Я хочу добавить Checkbox к заголовку таблицы в HTML, как показано ниже

Заголовок таблицы

Сгенерированный HTML-код ниже 

<thead role="rowgroup">
<tr>
    <th tabindex="-1" class="msls-table-header ui-btn ui-btn-up-a" data-theme="a" style="width: 10px;"></th>
    <th tabindex="0" class="msls-table-header ui-btn ui-btn-active ui-btn-up-a" data-theme="a" style="width: 40px;"> </th>
    <th tabindex="-1" class="msls-table-header ui-btn ui-btn-up-a" data-theme="a" style="width: 100%; min-width: 30px;">Countries</th>
</tr>

Я бы хотел указать Id для заголовка средней таблицы с tabindex="0", чтобы иметь возможность прикрепить Флажок checkAll

А код BackSend LightSwitch для Table aka ListView ниже 

myapp.BrowseCountries.ListViewCountry_postRender = function (element, contentItem) {
$(element).addClass("left-container");

var checkbox = $("<input type='checkbox' id='checkAll' class='checkitem'/>")
                .css({
                    height: 20,
                    width: 20
                }).appendTo($(element));


checkbox.click(function () {
    $('input:checkbox').not(this).prop('checked', this.checked);
});

contentItem.screen._$ListViewCountry = $(element);
    $(contentItem.screen._$ListViewMemberFirm).find('.msls-table-header').css("text-align", "center");
};

С этим кодом я не вижу checkAll Флажок, видимый в Инструментах разработчика F12 Google Chrome. Я имею в виду, это не добавляет вообще.

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

...