Questions on Kendo UI for jQuery Forum

1 answer

251 views

Pre-loader to call Ajax call for inline editing

I need to change some records of a row through inline editing. The scenario is, after edit button / class is trigger, the request will call an action of a controller where we need a callback from server to check validation and wait…… until server responded. To do that, we need to know the answers:

01) How can we add / set (ajax) pre-loaded until we get response from server?
02) How can we add a custom event for a row which is edited (after edit button is clicked).
03) How can trigger an event when a row is edited?

Please help us by giving an example for our better understanding.

Grid

answered on 21 Mar 2013

2 answers

27 views

Group on Column Doesn't Work on Windows 8 in Chrome and Firefox

Hi there,

I am having trouble with adding (via drag and drop) multiple group columns using Firefox and Chrome in Windows 8.

I can only group 1 column. Subsequent columns won't drop in into the "Drag a column header and drop it here to group by that column" area.

I have tested this on IE10 and this seems work ok.

Chrome javascript console reports:
Uncaught TypeError:
Cannot read property '0' of undefined kendo.all.min.js:9
touchLocationkendo.all.min.js:9
i.extend._dragkendo.all.min.js:13
proxyjquery-1.8.3.js:775
Class.extend.triggerkendo.all.min.js:9
h.extend._triggerkendo.all.min.js:12
h.extend._dragkendo.all.min.js:12
proxyjquery-1.8.3.js:775
Class.extend.triggerkendo.all.min.js:9
c.extend.notifykendo.all.min.js:12
d.extend._triggerkendo.all.min.js:12
d.extend.movekendo.all.min.js:12
c.extend._eachTouchkendo.all.min.js:12
c.extend._movekendo.all.min.js:12
i.(anonymous function)kendo.all.min.js:10
jQuery.event.dispatchjquery-1.8.3.js:3058elemData.handle.eventHandle

Firefox Javascript console reports:
TypeError: n is undefined
http://localhost:57389/Scripts/kendo.all.min.js
Line 9

Grid

answered on 20 Mar 2013

10 answers

539 views

Kendo Grid Not Showing Row Values

Hi there,
Today I was working through adding a Kendo Grid to my project when I noticed that the Kendo Grid is not showing the row values. First I thought I was something messed up on my side but then I noticed the same behavior on the Kendo Dojo site.
I am using Firefox 18.0.1. However I have tested this in IE 10 and Chrome and I am not seeing the same problem.

Grid

answered on 20 Mar 2013

2 answers

32 views

Grouping on Column Doesn't Work on Windows 8 in Chrome and Firefox

I apologize for double posting this. But the first link for some reason isn't accessible now.
For reference for the Telerik Admins the first link is here:
http://www.kendoui.com/forums/ui/grid/group-on-column-doesn%27t-work-on-windows-8-in-chrome-and-firefox.aspx

I am having trouble with grouping multiple columns in Windows 8 with Firefox and Chrome. IE10 does not exhibit this behavior.

I have two examples for review.
http://screencast.com/t/KLesmvZn
http://screencast.com/t/nMMBHcnk

Nikolah replied in the original thread with:
"
Hello Craig,

We are unable to reproduce
the problem. Here is a screen cast captured in Chrome for Windows 8 against
demos.

Regards,
Nikolay Rusev
the Telerik team
"

Grid

answered on 20 Mar 2013

6 answers

1.9K+ views

Changing list style at runtime

With the now deprecated Telerik MVC controls, I was able to control styles fairly simply; however, I run into complications when trying to modify the background color of the drop-down list at runtime. I have a requirement to change the color when an error occurs. My first assumption would be something along the lines of:

$.each(result, function (index, key) {

var ele = $('[name=' + key + ']');

ele.css('background-color', '#ffc0cb')

ele.css('border-color', 'red');

ele = $('#' + key).data('kendoDropDownList');

if (ele) { ele.list.css('background-color', '#ffc0cb'); }

});

where 'result' is a list of the field names that have an error. I can confirm that I am getting the correct field names and I am infact getting the kendoDropDownList object.

What am I missing?

Many thanks,
-J

DropDownList

answered on 20 Mar 2013

6 answers

88 views

No Scrollbars with virtual scrolling in IE8 !!

In our web application we use web kendo.ui.Grid control with the feature
"scrollable virtual". The grids have a large number of columns, all
with fixed widths. In IE8 is missing the horizontal scroll bar.

It's a huge problem for us and our customer.
We need virtual scolling for performance reasons (far more than 500 rows).

Here is a simple jsFiddle which shows the problem.
Unfortunately jsfiddle has problem with ie8, but you can use the sample to reproduce the bug in your environment
http://jsfiddle.net/Chombito/w6A4E/16/

Besides:
This bug is said to be solved in Q2 2012
SP1 (version 2012.2.913). We are currently working with Q3 2012 (version
2012.3.1114) + jQuery v1.8.3 and have exactly this issue with IE8. What could
be causing this problem? We need urgent help.

Grid

answered on 20 Mar 2013

6 answers

132 views

Grid drag header (grouping) slow with jQuery 1.8.2?

When using the grouping on the grid with jQuery 1.8.2 selecting the column header to drag into the grouping panel is slow.

Once the drag operation does kick in moving the header around before dropping it on the panel is fast it just seems to chug trying to initiate the drag.

I mention the specific jQuery version 1.8.2 because at first I had v1.7.1 referenced in my project but upgraded due to another problem where it would not let me drop the column onto the grouping panel. That seems to be resolved on the new jQuery version but now dragging is very slow whereas on 1.7.1 it was instant.

I am using 2013 Q1 version of telerik and referencing jquery.min.js that was provided with Telerik install.

Is this a know issue? Is there anything I can do to resolve?

Thanks.

General Discussions

answered on 20 Mar 2013

1 answer

303 views

The expand arrow wont show up on a tree view...

This is simple... i am trying to copy a web example to a new page ... i thought i copied all the references to the project folder.. apparently the page is lacking some image references... The expand and close arrows wont show up..
All I am trying to do is to mimic the basic example provided at ..\kendoui.web.2012.3.1114.open-source\examples\web\treeview

<link href="examples-offline.css" rel="stylesheet">
<link href="kendo.common.min.css" rel="stylesheet">
<link href="kendo.default.min.css" rel="stylesheet">

<script src="jquery.min.js"></script>
<script src="kendo.web.min.js"></script>
<script src="console.js"></script>
#treeview .k-sprite {
background-image: url("coloricons-sprite.png");
}

I copied all of these references to the prj folder... I searched for all image files for the arrow ... could not find any ..

What am i missing?

TreeView

answered on 20 Mar 2013

1 answer

122 views

Chunking?

Sorry if this in the documentation somewhere, but I couldn't find it. Does this upload control support chunking a file upload into multiple pieces? I need to be able to handle large file sizes, and I've found chunking to be by far the most effective way to accomplish that.

Upload

answered on 20 Mar 2013

3 answers

376 views

Hierarchical Grids Without Lazy Loading



I would like to load hierarchical data and all examples that I have seen use a "lazy loading" approach. However, the amount of data that I'm loading isn't that big, so I'd like to load everything at once. Is it possible to load all of this data at once, with the detail data already being expanded? Do I need to use the detailInit function, or is there another way to achieve this?



In my specific example, I am loading events (top level) and each event has one of more items. (See the sample JSON below.) 



Events:

[{

EventId: 1,

Items:

[{

Vendor: "Company X",

ItemName: "Chips"

},

{

Vendor: " Company X ",

ItemName: "Salsa"

}]

},