jquery - 在 dynatable 中创建带有预定义查询的按钮菜单

Question

我希望创建一组菜单按钮，这些按钮将使用预定义的搜索词执行 Dynatable 搜索。我还没有找到以前的例子，我试图从文档中给出的查询演示中破解它，但我不确定如何制作有效的代码。这是一个精简版，在单列表中搜索字符串“关键字”。

HTML 按钮：

<div id="button_keyword"><img src="icon.jpg"></div>

HTML表格：

<table id="updateTable">
    <thead>
        <th>
            Article
        </th>
    </thead>

    <tbody>
        <tr>
            <td>first</td>
        </tr>
        <tr>
            <td>second</td>
        </tr>

        <tr>
            <td>third with keyword etc.</td>
        </tr>
    </tbody>
</table>

查询：

$(document).ready(function () {
    $('#button_keyword').on('click', function () {


        var value = 'keyword';
        console.log('filtering: ' + value);

        var dynatable = $('#updateTable').dynatable({
            features: {
                paginate: true,
                recordCount: true,
                sorting: false
            },


        }).data('dynatable');


        dynatable.queries.add("Article", value);

        dynatable.process();


    });

});