yadcf數據表的MySQL數據庫標籤（阿賈克斯，服務器端假）

使用DataTables v1.10.13-devyadcf數據表的MySQL數據庫標籤（阿賈克斯，服務器端假）

隨着Yet Another DataTables Column Filter - (yadcf) v0.9.1

初始化我的數據表，像這樣

$(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列，因此此初始化不是它的預期目的。

任何人都可以爲我點亮這一點嗎？ yadcftags如何與實時MySQL數據庫一起使用。

我有2000+項目進行分類，並希望確保在進行此操作之前掌握此項。

來源

2017-01-21 bbruman

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

來源

2017-01-22 07:19:47 Daniel

好吧，我相信我現在明白了。這是有道理的，我只是對如何使它與一個活的MySQL表一起工作感到困惑。所以基本上我需要在我的MySQL表中創建另一列，大概是一個'TEXT'數據類型，並且在每一行中包含一個HTML塊，其中包含'Tag'或'Category'條目，如果我擁有這個條目，yadcf將會發揮它的魔力它設置爲適當的'column_data_type'和'html_data_type'。我會給它一個旋轉感謝澄清！ – bbruman

我還建議您閱讀yadcf的文檔並瀏覽展示頁面 – Daniel

yadcf數據表的MySQL數據庫標籤（阿賈克斯，服務器端假）

回答

相關問題