yadcf DataTables Теги для MySQL Database (Ajax, серверный False)

Question

Использование DataTables v1.10.13-dev

Наряду с Yet Another DataTables Column Filter - (yadcf) v0.9.1

Initializing мой DataTable как так

$(document).ready(function() { 
    var oTable; 
oTable = $('#example').DataTable({ 
      "pageLength": 50, 
    "processing": true, 
    "serverSide": false, 
    "ajax": "scripts/server_processing.php", 
    .... 

Инициализация yadcf в одной и той же функции сразу после как так

yadcf.init(oTable, [{ 
        // column_number: 1, 
              filter_type: "select", 
         column_data_type: "html", 
         html_data_type: "text", 
         filter_default_label: "Select tag" 
        }]); 

Это все в порядке, поэтому никаких проблем нет. Я тестировал его с такими вещами, как ввод данных столбца, ввод столбца, все работает.

Вот как мой DataTable (и базы данных MySQL) в настоящее время ищет (без yadcf):

Я ищу, чтобы добавить еще один столбец, после Days Remaining, что для tags

Вот демонстрационный снимок экрана yadcf для визуализации того, что я ищу для создания.

Обратите внимание, конечно, последний столбец, tags.

Я просмотрел документацию и через google .. но все же не знаю, как добавить теги в сочетании с моей базой данных MySQL.

Мой вопрос: где tags или categories? Это так же просто, как добавить еще один столбец в моей таблице Inventory с именем Tags или Categories и классифицировать мои теги таким образом?

Как вы можете видеть на моей инициализации yadcf, я первым испытал это на column_number: 1, что мой SKU

И оказалось, но ничего не было в падении вниз, и это было явно неполным.

Затем снова SKUUnique это столбец в моей базе данных MySQL, так что инициализация не по прямому назначению.

Может ли кто-нибудь осветить этот свет для меня? Как yadcftags работают вместе с живой базой данных MySQL.

У меня есть 2000 предметов, которые можно классифицировать, и я хочу убедиться, что у меня есть понимание этого, прежде чем начинать его.

Answer 1

yadcf использует column_data_type: "html", html_data_type: "text", для столбца тега, потому что структура этого столбца в формате HTML следующим образом (а не просто строка внутри <td></td>

Как это:

<span class="label lightblue">Tag2</span> <span class="label lightblue">Tag3</span> Я сделал пролеты к смотреть, как они с немного CSS

.label { 
     padding: 0px 10px 0px 10px; 
     border: 1px solid #ccc; 
     -moz-border-radius: 1em; /* for mozilla-based browsers */ 
     -webkit-border-radius: 1em; /* for webkit-based browsers */ 
     border-radius: 1em; /* theoretically for *all* browsers*/ 
    } 

    .label.lightblue { 
     background-color: #99CCFF; 
    } 

Это несколько слов о странице yadcf витрины,

---

Так как украсить ваш HTML вручную и использовать что-то вроде column_data_type: "html", html_data_type: "text",

Или с datatables Column rendering и использовать column_data_type: 'rendered_html'read docs for more info