7

URLで検索パラメータ値を渡すデータテーブルを使用してページへのリンクを作成できるようにしたいと思います。目標は、検索値パラメーターで事前にフィルター処理されたデータテーブルを含むページを開くことです。

いくつかのサンプルデータを処理するためにjsfiddleを設定しました。
http://jsfiddle.net/lbriquet/9CxYT/10/

たとえば、検索入力値が「firefox」に設定されたページが表示され、検索一致のみが表示されるようにテーブルがフィルタリングされるように、jsfiddleURLにパラメータを追加するというアイデアがあります。

どんな助けでも本当にありがたいです！

4

3 に答える 3

5

URL変数を読み取り、テーブルをフィルタリングする関数を使用するだけで済みます。検索としてq=Firefoxを渡すと思います

// Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
 var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;

}

$(document).ready(function() {
    // Get the query from the url
    var query = getUrlVars()['q'];
    // create the table
    var oTable = $('#example').dataTable();
    // Filter it
    oTable.fnFilter( query, 2 );
});

ここでフィドルhttp://fiddle.jshell.net/9CxYT/17/show/?q=Firefox

于 2012-06-27T13:16:12.603 に答える