残疾人'隐藏' bootgrid中的函数

时间:2017-05-15 06:37:08

标签: javascript jquery-bootgrid

我是bootgrid和jquery或ajax的新手。我找到了一个很好的插件表(bootgrid),但我仍然无法理解里面的代码。
现在我想在顶部和右侧的下垂中编辑一些东西,下拉列表将显示{ {1}}值,当您单击该值时,该值的整行将隐藏。
我只想让它们中的一个值变为禁用。我不想让用户隐藏"命令& #34;,因为它显示按钮的行。 代码在此处形成:Bootgrid

I want to make the "commands" to disabled

1 个答案:

答案 0 :(得分:2)

这很简单。我们假设你有 HTML 代表你的bootgrid:

<table id="grid-basic" class="table table-hover table-striped">
    <thead>
        <tr>
            <th data-column-id="ticket-id" data-type="numeric" data-identifier="true">TICKET ID</th>
            <th data-column-id="submission-date">SUBMISSION DATE</th>
            <th data-column-id="status">STATUS</th>
            <th data-column-id="ownership">OWNERSHIP</th>
            <th data-column-id="applicant-name">APPLICANT NAME</th>
            <th data-column-id="applicant-ic">APPLICANT IC</th>
            <th data-column-id="order-type">ORDER TYPE</th>
            <th data-column-id="package">PACKAGE</th>
            <th data-column-id="commands" data-formatter="commands">Commands</th>
        </tr>
    </thead>
    <tbody>
      <!-- data via javascript -->
    </tbody>
</table>

您只需将data-visible-in-selection="false"添加到您不想在该下拉菜单中显示的列中:

<th data-column-id="commands" data-visible-in-selection="false" data-formatter="commands">Commands</th>