Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] pętla w funkcji javascript
Forum PHP.pl > Forum > Przedszkole
warder
Witam, mam skrypt js do tabelki z Bootstrap-a (http://bootstrap-table.wenzhixin.net.cn/) jednak nie potrafię sobie poradzić z ustawieniem pewnego warunku.
Chcę wyświetlić status "włącz" tylko wtedy gdy status jest równy zero, a jeśli status wynosi 1 ma się wyświetlać przycisk "wyłącz"

Próbowałem dodać warunek z if ((row.status) == 1), jednak nie działa on gdy używam go bezpośrednio w return

Mój kod:
Kod
<script>
function actionFormatter(value, row, index) {
    return [  
        '<a class="like" href="java script:void(0)" title="Wyłącz">',
        '<i class="glyphicon glyphicon-off"></i> Wyłącz',
        '</a>',
        '<a class="edit ml10" href="java script:void(0)" title="Edycja">',
        '<i class="glyphicon glyphicon-edit"></i>',
        '</a>',
        '<a class="remove ml10" href="java script:void(0)" title="Usuń">',
        '<i class="glyphicon glyphicon-remove"></i>',
        '</a>'
    ].join('');
}

window.actionEvents = {
    'click .like': function (e, value, row, index) {
        console.log(value, row, index);
        window.location.href = 'test.php';
    },
    'click .edit': function (e, value, row, index) {
        window.location.href = 'panel_admin/edycja?id=' + (row.id);
        console.log(value, row, index);
    },
    'click .remove': function (e, value, row, index) {
        if(window.confirm('Napewno chcesz usunąc?')) window.location.href = 'panel_admin?usun=' + (row.id);
    }
};
</script>



Co muszę zrobić, aby pierwszy link był zależny od row.status ?
Kod wykorzystuje do tabelki z przykładu: http://bootstrap-table.wenzhixin.net.cn/examples/#events


Pozdrawiam
markuz
[JAVASCRIPT] pobierz, plaintext
  1. function actionFormatter(value, row, index) {
  2. return [
  3. '<a class="like" href="java script:void(0)" title="Wyłącz">',
  4. '<i class="glyphicon glyphicon-off"></i>' + (row.status == 1 ? 'Wyłącz' : 'Włącz'),
  5. '</a>',
  6. '<a class="edit ml10" href="java script:void(0)" title="Edycja">',
  7. '<i class="glyphicon glyphicon-edit"></i>',
  8. '</a>',
  9. '<a class="remove ml10" href="java script:void(0)" title="Usuń">',
  10. '<i class="glyphicon glyphicon-remove"></i>',
  11. '</a>'
  12. ].join('');
  13. }
[JAVASCRIPT] pobierz, plaintext


W tym przypadku możesz skorzystać ze skróconego if`a w postaci WARUNEK ? TRUE : FALSE;
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.