別のTelerikグリッド内にネストされた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 unit_onDetailViewExpand(e) {
var mstRow = e.masterRow;
var unitNumber = mstRow.cells[1].innerHTML;
var grid = $(this).data('tGrid');
grid.$rows().not(e.masterRow).each(function(index, row) {
grid.collapseRow(row);
});
//I´ve been trying to force databinding on the grid row
grid.expandRow(e.row);
//I´ve been trying this among others but I´m missing something
}
グリッドローを強制的に再バインドする方法について、誰かが私を正しい方向に向けることができますか?どんな助けでも大歓迎です:)