我试图在展开其中一行时强制 javascript 折叠所有其他行,我只想一次保持一行展开。我是 javascript 的新手,所以我希望任何人都能指出正确的方向。
我查看了我发现的这个例子,但出于某种原因我的代码没有折叠行: Expand/Collapse all DetailViews in a grid
我不应该像在 javascript 中那样折叠索引吗?
我在 MVC Razor View 中的 Telerik 网格:
<div>
@(Html.Telerik().Grid<RentableUnit>()
.Name("RentableUnits")
.Columns(columns =>
{
columns.Bound(e => e.UnitID).Hidden();
columns.Bound(e => e.Name).Width(800);
columns.Bound(e => e.IsExpanded).Hidden();
})
.ClientEvents(events => events.OnRowDataBound("employees_onRowDataBound")
.OnDetailViewExpand("unit_onDetailViewExpand")
.OnDetailViewCollapse("unit_onDetailViewCollapse")
.OnDetailViewExpand("toggleDetail")
)
.DetailView(details => details.ClientTemplate(
//stuff in template
)
.DataBinding(dataBinding => dataBinding.Ajax().Select("RentableUnits", "Home"))
.Sortable()
)
</div>
我的 Javascript:
function toggleDetail(e) {
var grid = $(this).data('tGrid');
grid.$rows().each(function (index) {
//TODO: exclude the expanded row
grid.collapseRow(index); //doesn´t collapse!
});
}
最佳答案
这样就可以了:
function toggleDetail(e){
var grid = $(this).data('tGrid');
grid.$rows().not(e.masterRow).each(function(index, row){
grid.collapseRow(row);
});
}
请注意,您为 OnDetailViewExpand 事件定义了 2 个处理程序。
关于javascript - 在 Telerik MVC 网格中展开/折叠 DetailView,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13268291/