在JQGrid中显示Twitter Bootstrap下拉菜单

Question

我使用自定义单元格格式器向每个JQGrid行添加了twitter bootstrap下拉菜单。单击菜单时，它不完全可见。我应该用什么样的风格来显示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

使用此代码：

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

Answer 2

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

Answer 3

将style="position:absolute"添加到第一个div

，为我工作