I have use this HTML web resource to show 'Queue I am member of' data to table and I want to implement code to get default queue value and change the default value as per the radio button selected value which is the 'Queue I am member of' data. I need help to set retrieve multiple data into dataSource of kendo grid. I think we get json data for result but not able to see the result as I need
<html>
<head>
<meta charset="utf-8" />
<title>Download Table</title>
<link
rel="stylesheet"
/>
<meta />
<meta />
</head>
<body onfocusout="parent.setEmailRange();" style="overflow-wrap: break-word">
<div id="grid"></div>
<script type="text/javascript">
debugger;
var jsonData;
$(document).ready(function () {
var queueFetchXML =
"<fetch version='1.0' output-format='xml-platform' mapping='logical' distinct='true'>" +
" <entity name='queue'>" +
" <attribute name='name'/>" +
" <attribute name='queueid'/>" +
" <order attribute='name' descending='false'/>" +
" <link-entity name='queuemembership' from='queueid' to='queueid' visible='false' intersect='true'>" +
" <link-entity name='systemuser' from='systemuserid' to='systemuserid' alias='ab'>" +
" <filter type='and'>" +
" <condition attribute='systemuserid' operator='eq-userid'/>" +
' </filter>' +
' </link-entity>' +
' </link-entity>' +
' </entity>' +
'</fetch>';
queueFetchXML = '?fetchXml=' + encodeURIComponent(queueFetchXML);
window.parent.Xrm.WebApi.retrieveMultipleRecords(
'queue',
queueFetchXML
).then(function success(result) {
debugger;
jsonData = result.entities;
console.log('json inside xrm: ' + jsonData);
});
console.log('json outside xrm: ' + jsonData);
$('#grid').kendoGrid({
dataSource: {
data: jsonData,
type: 'odata',
transport: {
},
schema: {
model: {
fields: {
name: { type: 'string' },
},
},
},
},
columns: [
{
field: 'name',
title: `Queue I'm a member of`,
width: 150,
},
{
title: 'Default Queue',
width: 150,
template: "<input type='radio' id='manualTab' name='manualTab' >",
},
],
dataBound: function (e) {
debugger;
$("input[name='manualTab']").on('click', function (e) {
var grid = $('#grid').data('kendoGrid');
var dataItem = grid.dataItem($(e.target).closest('tr'));
alert(dataItem.name);
});
},
});
});
</script>
</body>
</html>