Angular ui-grid:单元格中的引导下拉菜单 [英] Angular ui-grid: bootstrap dropdown in cell
本文介绍了Angular ui-grid:单元格中的引导下拉菜单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我的单元格中有一个有角度的 ui-grid 和下拉菜单.为什么我的下拉菜单在点击时不显示?
I have an agular ui-grid and dropdowns in its cells. Why my dropdown doesn't show on click?
var columnDefs1 = [
{ name: 'firstName'},
{ name: 'lastName'},
{ name: 'company'},
{ name: 'employed'},
{ name: '#',
cellTemplate:
'<div class="dropdown">' +
'<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">' +
'Dropdown' +
'<span class="caret"></span>' +
'</button>' +
'<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">' +
'<li><a href="#">Action</a></li>' +
'<li><a href="#">Another action</a></li>' +
'<li><a href="#">Something else here</a></li>' +
'<li role="separator" class="divider"></li>' +
'<li><a href="#">Separated link</a></li>' +
'</ul>' +
'</div>'
}
];
http://plnkr.co/edit/4Hnmxl?p=preview
推荐答案
来自 ui 网格开发人员的完整说明 http://brianhann.com/ui-grid-and-dropdowns/
full description from ui grid developer http://brianhann.com/ui-grid-and-dropdowns/
你应该根据需要描述所需的列
u should describe needed columns as required
columnDefs: [
{ name: 'name' },
{ name: 'age', type: 'number' },
{
name: 'gender',
editableCellTemplate: 'uiSelect',
editDropdownOptionsArray: [
'male',
'female',
'other'
]
}
]
这里是一个工作示例:http://plnkr.co/edit/ckQhv5bWha2jte5wDBI1?p=预览
这篇关于Angular ui-grid:单元格中的引导下拉菜单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文