In a grid's dataBound event I set up popovers.
The popover sometimes opens at the correct position when the element is clicked.
Please see this video: https://vimeo.com/737072810/10bb7c26d8
This is the code setting up the popovers:
dataBound: function(e) {
$(".view-qrcode").kendoPopover({
position: "bottom",
body: '<div class="asset-qr"></div>',
showOn: "click",
animation: false,
show: function (e) {
// build QR code
var $target = $(e.sender.element[0]);
var uniqueId = $target.closest("tr").data("uid");
var dataItem = Ise.Kendo.Grid.getDataItem("#assets-grid", uniqueId);
var $popup = $(e.sender.popup.element[0]);
var $assetQrs = $(".asset-qr", $popup);
var url = viewModel.assetBaseUrl + '/' + dataItem.shortId;
var $assetQr = $($assetQrs[0]);
$assetQr.empty();
$($assetQr).kendoQRCode({
value: url,
errorCorrection: "M",
size: 120
});
}
});
}
}).data("kendoGrid");
What am I doing wrong?
NB there is no PopOver tag
This post should have been posted in the KendoUI for jQuery forum