Hi Team,
is there a way we can open the table wizard popup as a slider instead of a popup? currently as it attaches to the body itself, there is no way to even do it using JQuery or CSS post render.
I am currently working with the Pivot Grid; its quite nice. I have noticed though that if the Column is removed, the grid itself still retains data and formatting unique to that column. Using the demo as an example:
https://demos.telerik.com/jsp-ui/pivotgrid/index
The default columns are:
[Date].[Calendar] and [Product].[Category]
The default measure is:
[Measures].[Reseller Freight Cost]
If you remove all three of the above, both column fields and the measure, the resulting PivotGrid will still reflect a financial amount even though only a Row is populated with a Field.
See screen shot:
This is confusing to me and my users; why is it working this way? Is it possible to change this behavior?
I am trying to find a way to scroll to a specific row while using virtual scrolling but my solution has not been consistent. Here is the function that is being called each time I want to select a specific row:
function selectGridRow(grid_element,grid_value,grid_field) {
var dataSource = grid_element.dataSource,
filters = dataSource.filter() || {},
sort = dataSource.sort() || {},
models = dataSource.data();
var query = new kendo.data.Query(models),
rowNum = 0,
modelToSelect = null;
models = query.filter(filters).sort(sort).data;
// Item Position
for (var i = 0; i < models.length; ++i) {
var model = models[i];
if (model[grid_field] == grid_value) {
modelToSelect = model;
rowNum = i;
break;
}
}
grid_element._selectedIds = {};
// Change to the page where the row is and select it
var currentPageSize = grid_element.dataSource.pageSize(),
pageWithRow = parseInt((rowNum / currentPageSize)) + 1;
grid_element.dataSource.page(pageWithRow);
var row = grid_element.element.find("tr[data-uid='" + modelToSelect.uid + "']");
if (row.length > 0) {
grid_element.select(row);
grid_element.content.scrollTop(grid_element.select().position().top);
}
}
Is there anything I am missing here?
I have a grid that I'm filling with the results of a REST API call. The grid should have a dynamic button that renders based on the status in the results.
The API is actually sending a valid link so but when I try to display the result in a column it renders as text is there a trick to this?
Example result that is not rendering as a button just as text. For the field
Properties.AppointRetire
<a href="/Governance/Forms/Staff/Retire.aspx?ID=9526295&OfficeHolderID=9526744&SEQN=170" class="TextButton">Retire</a>"
CODE:
function fillgrid(parsedPayload) {
$("#grid").kendoGrid({
dataSource: {
data: parsedPayload,
pageSize: 15,
},
columns: [
{ field:"Properties.DivisionBranch", title: "Division - Branch", width: 300 },
{ field:"Properties.FirstName", title: "First Name", width: 200 },
{ field: "Properties.LastName", title: "Last Name", width: 200 },
{ field: "Properties.Appointed", title: "Appointed", type: "date", format: "{0:dd/MM/yyyy}" },
{ field: "Properties.GoverningCommittee", title: "Governing Committee", width: 300 },
{ field: "Properties.Office", title: "Office", width: 200 },
{ field: "Properties.Occupation", title: "Occupation", width: 200 },
{ field: "Properties.Status", title: "Office <br />Status", filterable:false, width:80 },
{ field: "Properties.AppointRetire", title: " ", filterable:false, width:100 }
],
filterable: {
mode: "row",
operators: {
string: {
contains: "Contains"
}
}
},
toolbar: ["excel", "pdf", "search"],
excel: {
filterable: false
},
sortable: true,
pageable: {
pageSizes: [10, 20, 50, "all"],
buttonCount: 15
}
});
}
Hello
We have an application where new kendo window opens from a hyper link on a child pop up from the parent window. when the new window is closed and the child pop up is closed , some of the buttons on the parent window does not work they just gets frozen. Please advise how can we fix this. I tried many options...
Note : the new window has a splitter, we used Kendo splitter.
When i click button, it gives " Uncaught TypeError: Cannot read properties of undefined" in the console
Hi team,
This dojo to illustrate the problem: https://dojo.telerik.com/inukEneV
In this dojo, i want to export selected rows to excel with exportSelectedToExcel(true). Rows are selected by clicking checkboxes.
What I experience:
- Column headers are duplicated in excel file, one for each row when selecting row with checkboxes. When selecting rows by dragging the mouse (not clicking the checkbox), it seems to work. (screenshot 1)
- Many times, when selecting rows by clicking checkbox mixed with dragging mouse to select, I can get an excel file with rows that were not selected! (screenshot2) Quite strange.
Please advise,
Best regards,
Laurent.