2

このリンクのように、外部フォームを使用してカスタムフィルターを使用しています。ただし、index.htmlページに同様のコードを追加しようとしても、カスタムフィルターフィールドを作成できません。

これが私の追加のフィルター列です：

<div id="renderingEngineFilter" class="filterOption"></div>
<div id="browserFilter" class="filterOption"></div>
<div id="platformsFilter" class="filterOption"></div>
<div id="engineVersionFilter" class="filterOption range"></div>
<div id="cssGradeFilter" class="filterOption"></div>
<div id="customFilter"></div> <!-- this one -->

そして、次のようにjQuery関数に追加します。

$(document).ready( function () {
    $('#example').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers"
    })
    .columnFilter({
        aoColumns: [
            { type:"select", sSelector: "#renderingEngineFilter" },
            { sSelector: "#browserFilter" },
            { sSelector: "#platformsFilter" },
            { type:"number-range", sSelector: "#engineVersionFilter" },
            { type:"select", values : ["A", "B", "C", "X"], sSelector: "#cssGradeFilter" },
            { type:"select", values : ["vannkorn", "ravy", "rayuth"], sSelector: "#customFilter"}    //here is where I add it
        ]
    });
});

残念ながら、このカスタムフィールドは表示されません。助けてください。

4

1 に答える 1

1

これは、あなたのテーブルには 5 つの列しかないと確信しているため、そこに 6 番目のフィルターを適用できないためです。よく見ると、columnFilterで行われていることがわかりますaoColumns

于 2012-05-28T11:06:54.830 に答える