【问题标题】:disabled 'hide' function in bootgrid在 bootgrid 中禁用“隐藏”功能
【发布时间】:2017-10-13 20:24:04
【问题描述】:

我是 bootgrid 和 jquery 或 ajax 的新手。我找到了一个很好的表格(bootgrid)插件,但我仍然无法理解里面的一些代码。
现在我想在顶部和右侧的下拉菜单中编辑一些东西,下拉菜单将显示@987654324 @值,当您单击该值时,该值的整行将被隐藏。
我只想使其中一个值变为禁用状态。我不希望用户隐藏“命令”,因为它行显示按钮。 代码在这里形成:Bootgrid

【问题讨论】:

  • 请解释禁用一个值是什么意思。另外,我觉得您的意思是该操作隐藏了整列而不是行。
  • 我只是不希望用户可以点击Commands的复选框,如果有任何想法请帮助我。提前致谢

标签: javascript jquery-bootgrid


【解决方案1】:

这很简单。假设您有这个 HTML 代表您的引导网格:

<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>

【讨论】:

  • 谢谢!我以为这个问题永远不会有答案。真的很感谢你的回答!
  • 即使代码仍然无法正常工作。但我想可能是我的问题,我会找出解决方案
  • @QiuXue 不客气。我将准备一个 JSFiddle,以便您可以看到此解决方案有效,您也可以使用它
  • 我已经发现了问题,那是因为我使用的插件版本不同。我的插件是直接从这里得到的phpflow.com/php/addedit-delete-record-using-bootgrid-php-mysql。昨天我从另一个网站得到一个例子,你编码真的在那个例子上工作。所以我的问题只是使用了错误的插件。但我仍然需要一些时间来做。因为我不能只替换插件,如果我这样做,我当前的引导网格会出错
  • 非常抱歉我的英语不好。希望你能明白我的意思。
猜你喜欢
  • 2017-01-30
  • 2016-03-16
  • 2020-06-01
  • 1970-01-01
  • 2011-06-17
  • 2015-10-05
  • 2012-09-23
  • 2010-09-17
相关资源
最近更新 更多