有一种简单的情况无法找到解决方案。
Kendo-UI 仅在底部实现网格分页。我试图让它在顶部显示寻呼机,但它变得无法点击。
我认为我的克隆部分是错误的,但不知道如何修复它。预先感谢各位。
这是脚本和jsp的一部分......
<kendo:grid name="grid" pageable="true" dataBound="onBound">
<kendo:dataSource serverPaging="true" serverSorting="true">
<kendo:dataSource-transport>
<kendo:dataSource-transport-read url="api/items" />
</kendo:dataSource-transport>
<kendo:dataSource-schema data="data" total="total" />
</kendo:dataSource>
<kendo:grid-columns>
<kendo:grid-column title="id" field="itemId"></kendo:grid-column>
</kendo:grid-columns>
</kendo:grid>
<script type="text/javascript">
function onBound() {
var grid = $("#grid");
grid.find(".k-grid-pager")
.clone()
.insertBefore(grid.find(".k-grid-header"))
.addClass("pagerTop").css("border-width", "0 0 1px 0");
}
</script>
试试这个,我希望它有帮助。
function BindTopPager(e) {
var gridView = $('#grid').data('kendoGrid'),
pager = $('#div .k-pager-wrap'),
id = pager.attr('id') + '_top',
$grid = $('#grid'),
topPager;
if (gridView.topPager === null) {
// create top pager div
topPager = $('<div/>', {
'id': id,
'class': 'k-pager-wrap pagerTop'
}).insertBefore($grid.find('.k-grid-header'));
// copy options for bottom pager to top pager
gridView.topPager = new kendo.ui.Pager(topPager, $.extend({}, gridView.options.pageable, { dataSource: gridView.dataSource }));
// cloning the pageable options will use the id from the bottom pager
gridView.options.pagerId = id;
// DataSource change event is not fired, so call this manually
gridView.topPager.refresh();
}
}
var grid = $("#grid").data("kendoGrid");
grid.bind("dataBound", BindTopPager);
grid.dataSource.fetch();
DEMO http://jsfiddle.net/dcodesmith/NLkhL/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)