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

次のコードを使用します。

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