or
1 answer
261 views
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?
Nikolay
Telerik team
answered
on
20 Sep 2021
1 answer
1.4K+ views
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?
Georgi Denchev
Telerik team
answered
on
20 Sep 2021
1 answer
4.2K+ views
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
}
});
}
Georgi Denchev
Telerik team
answered
on
20 Sep 2021
0 answers
220 views
I have kendo editor and kendo listview grouping controls , editor is working fine but after bind the data, listview group fiter is not working with this lib "https://kendo.cdn.telerik.com/2021.3.914/js/kendo.all.min.js" Please help on this issue.
0 answers
126 views
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
1 answer
423 views
Hi,
The width of the dropdown list which appears when you click on the Kendo MultiSelect control is the same width as the multiselect control itself.
Is there a way to increase the dropdown width so items which are longer can be displayed on the same line?
P.S: i had implemented virtualization for multiselect
The width of the dropdown list which appears when you click on the Kendo MultiSelect control is the same width as the multiselect control itself.
Is there a way to increase the dropdown width so items which are longer can be displayed on the same line?
P.S: i had implemented virtualization for multiselect
Dimitar
Telerik team
answered
on
16 Sep 2021
1 answer
120 views
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.
Nikolay
Telerik team
answered
on
15 Sep 2021
0 answers
123 views
Hello I have some nested column headers and locked columns.. The ones on the locked side aren't expanding 100% ondataload.. see screenshot... when I move the column they expand down..
1 answer
325 views
How to leave the NumericTextBox format in Brazilian Portuguese? I already left it that way but it doesn't work, returns the error:
Error in /turbo_modules/@telerik/kendo-intl@2.3.0/dist/npm/main.js (633:12)
NoLocale: Missing locale info for 'pt-br'
<template>
<div class="example-wrapper row">
<div class="col-xs-12 col-sm-6 example-col">
<localization :language="'pt-br'">
<intl :locale="'pt-br'">
<p>NumericTextBox</p>
<numerictextbox :default-value="123.45" :format="'c'">
</numerictextbox>
<p>Slider</p>
<slider
:buttons="true"
:step="1"
:default-value="7"
:min="1"
:max="10"
>
</slider>
</intl>
</localization>
</div>
</div>
</template>
<script>
import {
IntlProvider,
load,
loadMessages,
LocalizationProvider
} from "@progress/kendo-vue-intl";
import { NumericTextBox, Slider } from "@progress/kendo-vue-inputs";
import likelySubtags from "cldr-core/supplemental/likelySubtags.json";
import currencyData from "cldr-core/supplemental/currencyData.json";
import esNumbers from "cldr-numbers-full/main/es/numbers.json";
import esCurrencies from "cldr-numbers-full/main/es/currencies.json";
load(likelySubtags, currencyData, esNumbers, esCurrencies);
import esMessages from "./es.json";
loadMessages(esMessages, "es");
export default {
components: {
numerictextbox: NumericTextBox,
slider: Slider,
intl: IntlProvider,
localization: LocalizationProvider
}
};
</script>
Petar
Telerik team
answered
on
14 Sep 2021
1 answer
616 views
How to add upload widget inside form widget.
Like the combobox in the sample of forms. I need to put upload file inside the form.
thanks.
