0

Не опытен, учусь еще, строго не судите. Искал в инете чет не нашел, видимо не правильно вопрос сформировал.

Есть php код который в html вывожу.

<td style="text-align:center" align="center" valign="middle">
<? if ($katts->status == 0): ?>
<span title="Включить" class="icon icon-eye-closekatts status-checker" data-id="<?php echo $katts->id ?>"></span>
<? else: ?>
<span title="Отключить" class="icon icon-eye-openkatts status-checker" data-id="<?php echo $katts->id ?>"></span>
<? endif ?>
</td>

Как его переделать для js функции.

closeOpenKatts: function(d) {

},

Далее, я хочу эту функцию задействовать в этом коде.

buildKattss: function(d) {
let content = '';
$.each(d, function(index, value) {
content += '<tr data-id="' + value.id + '" id="' + value.id + '" class"' + ((value.status == 0) ? 'status-offcatts' : '') + '">';
content += '<td style="text-align:center" align="center" valign="middle">';
content += 'сюда функцию closeOpenKatts';
content += '</td>';
content += '</tr>';
});

$('table#kattss-list tbody').html(content);
},

На странице контент подгружаю через ajax, там table, вот хочу добавить одну функцию и знаю что на прямую в content += ''; вставить php нельзя и для этого надо делать функцию в js, чтобы передать php в функцию и далее эту функцию в content += ''; мне сказали так надо делать.

2
  • А в чем проблема ? Перенесите в JS по той же схеме и сделайте return.. И не рациональней ли формировать данные таблицы на стороне сервера, раз уж вы итак таблицу там формируете ? 11 дек 2021 в 8:38
  • Так было сделано, добавление пунктов на странице где и выводи и без обновления странице, вот и идет подгрузка всего через ajax. Не совсем понял о чем вы, но хотелось бы знать. Пример бы какой-то.
    – ws17
    11 дек 2021 в 8:45

3 ответа 3

2

сделайте метод render, который будет по входным данным генерить строку.

function render(value){
    let sCls  = value.status ? "status-offcats" : '',
        title = value.status ? "выкл" : "вкл",
        iCls  = value.status ? "openkatts" : "closekatts";
     
    return `<tr data-id="${value.id}" id="{value.id}" class="${sCls}">
              <td class="middle-class">
                 <span title="${title}" class="icon icon-eye-${iCls}
                       status-checker" data-id="${value.id}"></span>
              </td>
            </tr>`;         
}

и метод, который будет вызывать это к набору полученных данных

let content = d.map(v => render(v)).join('');
$("#target").html(content);

Если целиком на стороне сервера верстку генерить, то

$("#target tbody").load("/path/to/render.php");
3
  • то есть у тебя такой метод, где от состояния подставляем класс, чтобы не дублировать спан, чтобы не было елсе.
    – ws17
    11 дек 2021 в 9:29
  • не совсем понял, как мне передать сюда content += 'сюда функцию';
    – ws17
    11 дек 2021 в 9:39
  • content += '<div id="target"></div>'; так не срабатывает.
    – ws17
    11 дек 2021 в 9:42
0

Если функция объявляется в html коде, а не подключается в js файле, то делайте так:

closeOpenKatts: function(d) {
   return "<?= "something"; ?>"
},
6
  • не надо такого плодить. у автора строка таблице генерится на клиенте. ему просто добавить часть с условным оператором надо в существующий код.
    – teran
    11 дек 2021 в 8:49
  • то есть так: closeOpenKatts: function(eye) { return "<? if ($catts->status == 0): ?> <span title="Включить" class="icon icon-eye-closecatts status-checker" data-id="<?php echo $catts->id ?>"></span> <? else: ?> <span title="Отключить" class="icon icon-eye-opencatts status-checker" data-id="<?php echo $catts->id ?>"></span> <? endif ?>" },
    – ws17
    11 дек 2021 в 8:51
  • teran: как красиво описал, спасибо, все верно.
    – ws17
    11 дек 2021 в 8:55
  • да, если у вас нет возможности получить значение $katts->status внутри функции buildKattss чтобы потом по условию внутри нее добавить нужный код 11 дек 2021 в 8:57
  • @AlekseyVaganov value.status судя по всему равно $katts->status. Значит if (value.status == 0) { ... } вместо вызова функции и все 11 дек 2021 в 9:01
0

Вот и решение подкатило. Помог решить задачу: teran

buildKattss: function(d) {
  function render(value) {
    let sCls = value.status == 0 ? "status-offcatts" : "",
      title = value.status == 0 ? "Отключить" : "Включить",
      iCls = value.status == 0 ? "closecatts" : "opencatts";

    return `<tr data-id="${value.id}" id="${value.id}" class="${sCls}">
    <td style="text-align:center" align="center" valign="middle">
         <span title="${title}" class="icon icon-eye-${iCls} status-checker" data-id="${value.id}"></span>
      </td>
      </tr>`;
  }
  let content = Object.values(d).map(v => render(v)).join('');
  $('table#kattss-list tbody').html(content);
},

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.