or
1 answer
118 views
We currently have dynamic datasource (clients can wire it up to datasets they define) and we've seen a problem where some of these datasets have 200+ columns. (whether or not that should be allowed is debatable).
Enabling virtual scrolling made a huge difference in load and scrolling performance, but wondered if kendo already virtualized dom elements for columns. (if we have 200 columns, but only 20 of those are on screen, not drawing the rest may be hugely beneficial).
If not, any recommendations other than just rendering fewer columns to improve performance? Our page size is set to ~20 records, and we can see that reflected in actual dom elements in the browser.
Thanks!
Enabling virtual scrolling made a huge difference in load and scrolling performance, but wondered if kendo already virtualized dom elements for columns. (if we have 200 columns, but only 20 of those are on screen, not drawing the rest may be hugely beneficial).
If not, any recommendations other than just rendering fewer columns to improve performance? Our page size is set to ~20 records, and we can see that reflected in actual dom elements in the browser.
Thanks!
Dimo
Telerik team
answered
on
08 Dec 2014
7 answers
711 views
Hi there,
I need to implement some specific behavior for multiselect widget ( see attached image).
1. Need to disable some items within selected ones in a multiselect field.
2. Hide 'close/delete/X' icon for disabled ones.
It would be great for example to apply some template for each item to handle this.
Maybe you can recommend any existing API for this.
Best regards,
Andriy Frankiv
I need to implement some specific behavior for multiselect widget ( see attached image).
1. Need to disable some items within selected ones in a multiselect field.
2. Hide 'close/delete/X' icon for disabled ones.
It would be great for example to apply some template for each item to handle this.
Maybe you can recommend any existing API for this.
Best regards,
Andriy Frankiv
Andriy
Top achievements
Rank 1
Rank 1
answered
on
08 Dec 2014
1 answer
148 views
Hello,
I am currently evaluating Kendo UI. I had a question about Grid.
Is there a way to have extra filter on a column but only with "And" operator. I need to get rid of the "Or" operator.
I am currently evaluating Kendo UI. I had a question about Grid.
Is there a way to have extra filter on a column but only with "And" operator. I need to get rid of the "Or" operator.
Dimiter Madjarov
Telerik team
answered
on
08 Dec 2014
1 answer
70 views
Hello!
Everything is working as expected with the code below (href wraps around string, etc...), with the exception that I can't seem to get the nodevalue from the td; is there a different method I should use to grab the text in the td?
Everything is working as expected with the code below (href wraps around string, etc...), with the exception that I can't seem to get the nodevalue from the td; is there a different method I should use to grab the text in the td?
dataBound: function () {
$('td:nth-child(2)').each(function(){$(this).wrapInner( "<a href=" + this.nodeValue + "></a>").prepend('Part: ')}) $('td').each(function(){if($(this).text()=='N'){$(this).wrapInner( "<span class='orange'></span>") }})<br> }
Kiril Nikolov
Telerik team
answered
on
08 Dec 2014
1 answer
270 views
I am trying to load the following dynamically to recreate a panelbar's complete contents.
Originally, the panel bar has no contents, and depending on a user's actions, I do an ajax call to get the new panelbar contents that returns the json structure below.
var pb = $("#myPanelBar").data("kendoPanelBar");
var x =
[
{
text: "Colors",
expanded: true,
items: [
{ text: "Red" },
{ text: "Green" },
{ text: "Blue" },
{ text: "Orange" },
{ text: "+ Add New" }
]
},
{
text: "Animals",
expanded: true,
items: [
{ text: "Lion" },
{ text: "Eagle" },
{ text: "Lizzard" },
{ text: "+ Add New"}
]
},
{
text: "Planets",
expanded: true,
items: [
{ text: "Pluto" },
{ text: "Mars" },
{ text: "Saturn" },
{ text: "+ Add New" }
]
}
]
Originally, the panel bar has no contents, and depending on a user's actions, I do an ajax call to get the new panelbar contents that returns the json structure below.
var pb = $("#myPanelBar").data("kendoPanelBar");
var x =
[
{
text: "Colors",
expanded: true,
items: [
{ text: "Red" },
{ text: "Green" },
{ text: "Blue" },
{ text: "Orange" },
{ text: "+ Add New" }
]
},
{
text: "Animals",
expanded: true,
items: [
{ text: "Lion" },
{ text: "Eagle" },
{ text: "Lizzard" },
{ text: "+ Add New"}
]
},
{
text: "Planets",
expanded: true,
items: [
{ text: "Pluto" },
{ text: "Mars" },
{ text: "Saturn" },
{ text: "+ Add New" }
]
}
]
Dimo
Telerik team
answered
on
08 Dec 2014
1 answer
263 views
Hello,
I have created a grid and used the detail feature to display a subgrid within the main one.
I would like to freeze the first two columns from the main grid so that they remain visible even when I scroll to the left. yet this seems to be not given in kendo grid due to the existence of the hierarchy as mentioned here:
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.locked
Could you let me know if there is a workaround or an easy fix for this please?
Thanks
I have created a grid and used the detail feature to display a subgrid within the main one.
I would like to freeze the first two columns from the main grid so that they remain visible even when I scroll to the left. yet this seems to be not given in kendo grid due to the existence of the hierarchy as mentioned here:
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.locked
Could you let me know if there is a workaround or an easy fix for this please?
Thanks
Dimo
Telerik team
answered
on
08 Dec 2014
3 answers
1.0K+ views
How do I uncheck all radio buttons in a group? I'm trying to add a "save and reset" button to a form so the data posts and then the form resets.
Initially, when the form loads, no radio button is checked. Then the user checks a button and saves the form. A reset function is called. In it I set the view model property that is bound to radio checked to null. I would think that should uncheck the radio group but it doesn't.
Here's a jsbin.
Thanks,
Jon
Initially, when the form loads, no radio button is checked. Then the user checks a button and saves the form. A reset function is called. In it I set the view model property that is bound to radio checked to null. I would think that should uncheck the radio group but it doesn't.
Here's a jsbin.
Thanks,
Jon
Petur Subev
Telerik team
answered
on
08 Dec 2014
19 answers
2.6K+ views
Trying to figure out how to get the column name in order to do my foreach loop in code in order to change the column header.
This is what I want to happen at the end where day is the name of the column and date is a date passed to the method.
$("grid thead [data-field=dailyhours; .k-link")html(day + '</br>" + date);]
This is what I want to happen at the end where day is the name of the column and date is a date passed to the method.
$("grid thead [data-field=dailyhours; .k-link")html(day + '</br>" + date);]
Dimiter Madjarov
Telerik team
answered
on
05 Dec 2014
1 answer
598 views
Hi,
I am using new functionality Export to PDF manually on click event. I can rename my excel file but not sure how to rename pdf file in manual export.
exportToExcel: function (gridId, fileName) {
var grid = $("#" + gridId).data("kendoGrid");
grid.bind("excelExport", function (e) {
e.workbook.fileName = fileName + ".xslx";
});
grid.saveAsExcel();
},
exportToPDF: function (gridId, fileName) {
var grid = $("#" + gridId).data("kendoGrid");
grid.bind("pdfExport", function (e) {
// e.workbook.fileName = fileName + ".pdf";
});
grid.saveAsPDF();
},
I am using new functionality Export to PDF manually on click event. I can rename my excel file but not sure how to rename pdf file in manual export.
exportToExcel: function (gridId, fileName) {
var grid = $("#" + gridId).data("kendoGrid");
grid.bind("excelExport", function (e) {
e.workbook.fileName = fileName + ".xslx";
});
grid.saveAsExcel();
},
exportToPDF: function (gridId, fileName) {
var grid = $("#" + gridId).data("kendoGrid");
grid.bind("pdfExport", function (e) {
// e.workbook.fileName = fileName + ".pdf";
});
grid.saveAsPDF();
},
Dimiter Madjarov
Telerik team
answered
on
05 Dec 2014
1 answer
162 views
Hi,
I am using kendo UI file upload with angular js and asp.net mvc, how do i reset the file list and remove the list of files from UI. since i am using angular i don't want to use $('element') in the js. is there any event which i can hook up?
I am using kendo UI file upload with angular js and asp.net mvc, how do i reset the file list and remove the list of files from UI. since i am using angular i don't want to use $('element') in the js. is there any event which i can hook up?
Dimiter Madjarov
Telerik team
answered
on
05 Dec 2014
