jquery - 在 JQGrid 中显示 Twitter Bootstrap 下拉菜单

Question

我使用自定义单元格格式化程序向每个 JQGrid 行添加了 twitter 引导下拉菜单。当我单击菜单时，它不完全可见。我应该应用什么样式在 JQGrid 行的最顶部显示下拉菜单？

HTML：

<td role="gridcell" style="" title=" Actions   Update Delete" aria-describedby="jqg1_actions1">
   <div class="btn-group pull-right open">
      <div class="dropdown-backdrop"></div>
      <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-bell"></i> Actions  <span class="caret"></span></a>
      <ul class="dropdown-menu">
         <li><a href=""><i class="icon-bell"></i> Update</a></li>
         <li class="divider"></li>
         <li><a href=""><i class="icon-bell"></i> Delete</a></li>
      </ul>
   </div>
</td>

Answer 1

通过添加style="position:absolute"到第一个为我工作div

Answer 2

下拉菜单的 z-index 应该大于 jqGrid 的 z-index。因此，转到 CSS 文件，并将下拉列表的 z-index 设置为 9999。

Answer 3

使用此代码：

<script type="text/javascript">
$(document).ready(function () {
    console.log("ready");
    $('.dropdown-toggle').dropdown();
    $("#shop_filter").dd_select({
        prefix: "Shop by: ",
        formID: "main_form",
        hiddenFieldName:"filter",
        submitOnChange: false,
        ajaxCall:{}
    });
});
</script>

从示例http://www.vaskointeractive.com/demos/bootstrap-dd-select/