Использование значков GLYPH в качестве флажков (icon-check и icon-check-empty), как получить общее количество отмеченных строк

0

Исходя из того, что я использую наборы значков для первого столбца в строке, а по умолчанию (значок-check-empty) выглядит так:

<i id="dataCbx{{id}}" style="text-align:center;" class="icon-check-empty center pointerCursor" 
title="Click here to check/uncheck the box. 
This will indicate you want to CLEAR this alert from the list. 
Click on another part of the row to expand collapse without affecting 
the checkbox" onclick="changeIcon(this.id); checkAlerts(this.id);">
</i>

Таким образом, пользователь проверяет одну ROW, и я в порядке с этим... но когда/если пользователь выбирает несколько строк, случайно, как бы я их захватить?

Поэтому в основном я собираюсь отправить идентификаторы через веб-службу с помощью PUT и изменить флаг подтверждения на TRUE vice FALSE.

Здесь баланс кода, который работает, когда пользователь проверяет единицу (COL 0). Этот CHECKBOX НЕ является полем INPUT... а скорее GLYPH ICON.

function sortFilterClear(what) {

var listOfIDs = new Array();

if (what === "sort")
{
    //Sorting on attribute
    $('#alertTable > tr > td').tsort({attr: 'data-alert-level'});

} else {

    //First check to see if the "SELECT ALL" CBX is checked...

    if ($("#cbxMaster").hasClass("icon-check"))
    {

        bootbox.confirm("You are about to clear all alerts\n\n\
                        Are you sure this is what you want to do?\n\n\
                        Click OK to Clear or CANCEL to do nothing.", function(result) {
            //This is for the RESULT tab to pop out from the RIGHT OPTIONAL
            //Example.show("Confirm result: " + result);

            if(result)
            {
               //Send to command - CLEAR EVERYTHING!!!!!!!!!!!! 
                _clearCheckedRows(myAlertURL,'all');

            }

        });

    } else if (currID.length > 0){

        bootbox.confirm("You are about to clear a single alert with ID number: " + currID
                        + "<br>Are you sure this is what you want to do?<br>"
                        + "Click OK to Clear or CANCEL to do nothing.", function(result) {
            //This is for the RESULT tab to pop out from the RIGHT OPTIONAL
            //Example.show("Confirm result: " + result);

            //NOW check if the user has said CANCEL!!!!!!!!
            if(!result)
            {
                //IF SO, then CLEAR that SPECIFIC CHECKBOX and then STOP
                changeIcon(currID);
                //CLEAR CURRENT ID
                currID="";

            } else {


                //HERE where we actual DUMP the a single row.
                _clearCheckedRows(myAlertURL,currID);

                  //HERE where I'll check for MULTIPLE ROWS SELECTED
                  // SOME CODE GOES HERE    



            }

        });

    }
}

}

Благодаря,

Питер

  • 0
    Почему бы вам не использовать настоящий флажок и ярлык? Вы всегда можете скрыть это и поставить значок на этикетке. Чем это просто старые старые формы.
  • 0
    Хотел бы ... но менеджер проекта хочет ЗНАЧОК ГЛИФА НЕТ ЧЕКОВЫХ ЯЩИКОВ ... Я согласен с этим, так как у меня есть функция, которую я использую для проверки / снятия флажка с глифа.
Показать ещё 2 комментария
Теги:
datatables

1 ответ

0
Лучший ответ

Вы можете получить список элементов проверки значков и ваши флажки:

var listOfIds = [];
$('.icon-check').each(function() {
    listOfIds[listOfIds.length] = $(this).id;
});
alert(listOfIds);

Но хорошей практикой является использование стандартных флажков (со скрытым классом) и установка состояний через JavaScript

  • 0
    Я попробую это ... но сегодня мы представляем DEMO COB, и у меня нет времени, чтобы изменить это ... на следующей неделе я могу ...
  • 0
    МЫ СДЕЛАЛИ ЭТО!!!!!! Спасибо BaBL86. Был здесь на работе до полуночи в прошлую пятницу ... Ценю вашу помощь

Ещё вопросы

Сообщество Overcoder
Наверх
Меню