Questions on Kendo UI for jQuery Forum

7 answers

175 views

TreeList MVVM Bindings - Refresh/Paint SINGLE Row

Using the MVVM bindings (using data-bind), doing a set() on any data item will cause the ENTIRE TreeList to recalculate everything. Even with just a couple hundred rows this causes the browser to stop responding and with a few thousand rows the browser can crash.

Is there any possible way to refresh or repaint a SINGLE row of the TreeList similar to the refresh() method of the TreeList, but for a single row instead of everything?

TreeList

answered on 28 Feb 2017

2 answers

239 views

Switch custom image

Hello,

can I somehow set the custom image for a switch? I would like to have something like the 2 attached files instead of a default switch with labels.

If not possible, I would use an observable array that changes images using hidden checkboxes. Or is there a better solution?

Thanks

Switch (Mobile)

answered on 28 Feb 2017

1 answer

196 views

Access to access $scope variable from k-success event

Hi,

I am using upload control as below:

On onImportSuccess function, I need to access to $scope for doing something after uploaded. How can I do that?

onImportSuccess = function(e) {
console.log($scope); // --> show scope is undefined
}

Thanks.

Upload

answered on 28 Feb 2017

3 answers

630 views

Speed up the autoFitColumn() ?

How can i speed up a autoFitColumn() on multi-headers grid?

In the screenshot you can see that each column fitting make Recalculate Styles. Is it possible to cache width of the fitted column without firing up CSS and then after all columns width are calculated use grid.setOptions() to set columns width with new fitted width?

Also i need to use dirty hack: hideColumn();showColumn() becouse footer isn't fitted to columns.

Table.prototype.fitColumns = function(){

var self = this;

var count = 0;

var col;

var selected = this.grid.select().data('uid');

for (var i = 0; i < this.grid.columns.length; i++) {

var multi = this.grid.columns[i].columns;

if (multi){

_.forEach(multi, function(el, j){

if (el.columns){

_.forEach(el.columns, function(el2, k){

col = multi[j].columns[k];

if (!col.attributes || (col.attributes && !col.attributes.noFit)) self.grid.autoFitColumn(col);

});

}

else {

col = multi[j];

if (!col.attributes || (col.attributes && !col.attributes.noFit)) self.grid.autoFitColumn(col);

}

});

} else {

col = self.grid.columns[i];

if (!col.attributes || (col.attributes && !col.attributes.noFit)) self.grid.autoFitColumn(col);

}

this.grid.refresh();

this.fitted = true;

if (selected) this.grid.select("tr[data-uid='" + selected + "']");

this.grid.hideColumn(1);

this.grid.showColumn(1);

};

Grid

answered on 28 Feb 2017

1 answer

129 views

Best method to execute an update when DropDownList value changes

We have a page that will be passed in a User's Id to it, and it will have one DropDownList reflecting the User's role, while also allowing them to change their role.

We are looking at leveraging the "change" event for a kendoDropDownList. And inside that event, making a $.ajax call.

We know we can work our way to getting this approach to work, but we were wondering if there was a more straight-forward or recommended approach to take.

For example, should or could we define an "update" action inside the dataSource.transport definition for the dropdownlist, that would somehow be triggered?

Another perspective, is that we have lots of Grids that have dataSource.transport.update definitions, and they are processed with a clean controller method that is passed a DataSourceRequest and an instance of a data object that is being updated. Can we do something similar with a DropDownList?

DropDownList

answered on 28 Feb 2017

4 answers

416 views

Russian localization in Scheduler

I've created a small Dojo based on Telerik example of Scheduler localization http://dojo.telerik.com/INace

It looks like everything is working except language ru-RU.

How do I fix it?

Scheduler

answered on 28 Feb 2017

3 answers

271 views

Browser Select All chooses the entire page when a modal window is open

The entire page, including the non-window content, is selected when a modal window is open and the browser select all (Ctrl-A) is performed.

Q: Is there a way to have Ctrl-A select only the modal content ?

Sample is in the Dojo: http://dojo.telerik.com/uzeCA/3

Thanks,

Richard

Window

answered on 28 Feb 2017

6 answers

811 views

[Solved] Expand Row on Cell Click having hyperlink

Hi,

We are using kendo grid and in one of the row cells, we have a hyperlink. We want to expand the row on click of this hyperlink and display detailTemplate (i.e. child band of the row). Can you please let us know how shall we go about it.

Also in the grid, in the extreme left we have the arrow for expanding and collapsing the detail row. Is it possible to show a different Detail row template (aka child band) if the user expands by clicking this arrow icons and show a different detail template when user clicks the cell's hyperlink.

Can you please let us know how shall we go about it. I've been looking for a solution on kendo forums etc, but no luck so far.

If you need more information, please let us know.

Thanks!

Grid

answered on 28 Feb 2017

1 answer

572 views

Problem with the Drop Down list Column of the grid

Hi,

I am Using grid control from Telerik UI For asp.net MVC, Grid works fine in loading the data, but the problem come when we try to edit or create a new record with in the grid. When I try to edit the grid Drop down columns as shown as a text box with ID values.

There are couple more problems
1. Filter is not working as expected.
2. Filter is not populating data and not able to select the items from dropdown list.
3. add new and click on update button the controller is not getting value that were submitted.
4. on editing and saving a record the action method is not fired.

Please fin the attached file for more info.
please help with above issues.