MySQL 数据库的 yadcf DataTables 标签（Ajax，服务器端 False）

Question

使用DataTables v1.10.13-dev

还有Yet Another DataTables Column Filter - (yadcf) v0.9.1

像这样初始化我的 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"
                    }]);

一切正常，所以没有问题。我用列数据输入、列选择输入等东西对其进行了测试，一切正常。

这是我的数据表（和 MySQL 数据库）当前的样子（没有 yadcf）：

我希望在Days Remaining 之后添加另一列，用于tags

这是一个 yadcf 演示屏幕截图，用于展示我想要创建的内容。

当然，请注意最后一列tags。

我已经通过文档和谷歌搜索了.. 但仍然不知道如何在我的 MySQL 数据库中添加标签。

我的问题是，tags 或 categories 来自哪里？ 这是否就像在我的Inventory 表中添加另一列，命名为Tags 或Categories，并以这种方式对我的标签进行分类一样简单？

正如你在我的 yadcf 初始化中看到的，我首先在 column_number: 1 上测试了这个，这是我的 SKU

而且出现了，但是下拉菜单里什么都没有，明显是不完整的。

再说一遍，SKU 是我的 MySQL 数据库中的一个 Unique 列，所以这个初始化不是为了它的预期目的。

谁能帮我解释一下？ yadcf tags 如何与实时 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