如何使<li>可点击并获取其数据动作值？

Question

所以我使用的是jQuery bootgrid，但我修改了它的导航。

原始bootgrid：

我修改过的bootgrid：

如您所见，我隐藏了原始bootgrid上的搜索文本框和分页下拉列表，而是使用我自己的导航设计。

在我的导航栏中，加号用于制作新用户，垃圾箱用于批量删除，搜索签名，重新加载签名和分页。

我的问题是分页，它不可点击，一旦我点击我想要的li（每页25个）就不会关闭。另外，我如何获得数据动作值？我尝试在一个li上放一个js函数onclick =“getPage（10）”并且它正在工作，这意味着li识别了click，但是我没有这样做，我想要一个解决方案，我使用jquery来获取它数据行动价值。

这是我的HTML

<li class="dropdown">
    <a href="" data-toggle="dropdown" aria-expanded="false">
        <i class="zmdi zmdi-more-vert"></i>
    </a>
    <ul class="dropdown-menu dropdown-menu-right"> 
        <li>
            <a data-action="10" page="10" onclick="getPage(10)">10 per page</a>
        </li>
        <li>
            <a data-action="25" page="25">25 per page</a>
        </li>
        <li>
            <a data-action="50" page="50">50 per page</a>
        </li>
        <li>
            <a data-action="100" page="100">100 per page</a>
        </li>
        <li>
            <a data-action="-1" page="100">All</a>
        </li>
    </ul>
</li>

这是我在bootgrid上的代码。

  var table = $('#settings-user-list');

table.bootgrid({
    css     : {
        icon        : 'zmdi icon',
        iconColumns : 'zmdi-view-list',
        iconDown    : 'zmdi-caret-down',
        iconRefresh : 'zmdi-refresh',
        iconUp      : 'zmdi-caret-up',
    },
    labels  : {
        noResults   : noResult,
        loading     : loadingTable,
    },
    ajax         : true,
    url          : '/action/list',
    selection    : true,
    rowCount     : [10, 25, 50, 100, -1],
    multiSelect  : true,
    navigation   : 2
});  

Answer 1

您是否已编写以下行以使您的表格为jquery bootgrid。

$(function () {
   $("#tableId").bootgrid();
});