Show Twitter Выпадающее меню Bootstrap внутри JQGrid

Я добавил раскрывающееся меню twitter bootstrap в каждую строку JQGrid с помощью пользовательского форматирования ячеек. Когда я нажимаю меню, он не отображается полностью. Какой стиль следует применять для отображения выпадающего меню на самой вершине строки JQGrid?Show Twitter Выпадающее меню Bootstrap внутри JQGrid

enter image description here

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>

источник

2013-09-30 ohavryl

такая проблема может путем, как правило, решается путем использования 'г-index' CSS с достаточно большого значения для раскрывающегося меню. Если у вас возникнут проблемы с этим, вы должны опубликовать более полный демонстрационный пример, демонстрирующий проблему. Вы можете подготовить демонстрацию, используя, например, [jsfiddle.net] (http://jsfiddle.net/). – Oleg

@ohavryl действительно удалось решить эту проблему? Сегодня я столкнулся с этой проблемой ... любой совет? – Yasser

К сожалению, я не нашел для него рабочего решения. Просто избегайте использования выпадающего элемента управления на данный момент. Но все же интересен при использовании выпадающего меню. – ohavryl

Используйте этот код:

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

источник

2014-01-25 14:25:51

г-индекс для выпадающего меню должно быть больше, чем г -индекс для jqGrid. Итак, переходим к CSS-файлов, а также установить Z-индекс для выпадающего списка, как 9999.

источник

2014-07-17 13:34:50 Spicado

работал для меня, добавляя style="position:absolute" к первому div

источник

2016-06-14 08:30:37 Vasilis

Show Twitter Выпадающее меню Bootstrap внутри JQGrid

ответ

Смежные вопросы