Questions on Kendo UI for jQuery Forum

1 answer

647 views

Chart Background

Hi there,

Let me know how to change chart background?

General Discussions

answered on 14 May 2012

2 answers

115 views

Chart DataSource reverting to original

I have code that updates the datasource of a chart and it works fine. I also have code that changes the chart from a column to bar to line. That also works, but any time the .refresh() method is called on the chart, it reverts the datasource to the original data source.

Was wondering if this is a bug, or a feature change.

Testing steps:
Change the "Select parking area filter" from 0 to 4. Notice the chart refreshes with values of 5 (n+1).
Change the "Chart type" from column to bar. Notice the data source reverts back to original.

The fiddles below are identical except for the kendo.all.min.js included.

2012.1.322 - Broken
http://jsfiddle.net/CdpgZ/3/

2011.3.1129 - Works
http://jsfiddle.net/YbrgL/1/

Thank you

Jon

Charts

answered on 14 May 2012

0 answers

122 views

Virtual Scrolling Issue

Hi,
I'm using a kendo UI grid. I have enabled the Server pagination and virtual pagination. I have implemented read and update behaviors for the grid. Now my issue is when I'm scrolling down using the scroll bar (virtual pagination), server side get method is executed and loaded the data accordingly. but when i go to the client side and debug the code, i could find the data source is not updated accordingly.Still it has the old data. In the other words, it has the data which is loaded first time the grid is loaded. so i could not populate that data in my separate partial edit view.

my second issue is i could not implement the server sorting still. can you just provide me code sample for both client side and server side coding for this. what I just tried out was,
in the client side i enabled the sorting as
------
serverSorting: true,
allowUnsort: true,
------
sortable: true,
------

in the server side,
[HttpPost]
public JsonResult GetAll(int skip, int take, List<GridSort> sort)
{
-------
}

but always, I'm getting the null values for the field and dir properties of the GridSort item.
what is the code for the client side for the above implementation?

Can please help me on these above 2 issues?

Niluka

Grid

asked on 14 May 2012

1 answer

194 views

Grid alignment problem

Here's a description of my problem. Could it have something to do with the styles that you ship with the grid?

I have a wrapper DIV with the following CSS properties:

height: auto !important;
margin: 0 auto -125px;
min-height: 100%;

Inside that DIV, I have two other DIVs. The first one is a menu aligned to the left side of the page with the following CSS properties:

float: left;
width: 160px;

To the right of the menu should appear the page content. It's another DIV. If I just type some content into it (some static text), all is well (i.e., it appears to the right of the menu and spans the rest of the screen). If, however, I allow the Kendo grid to populate it, it clobbers the menu, and either takes up the whole screen (if I don't use any CSS properties) and even extends below the menu (even though it contains only one row of data), or it appears as a tiny little area to the right of the menu, depending on what I set "display" as.

This DIV appears just fine in IE (i.e., it appears to the right of the menu and takes up the remainder of the screen space, regardless of browser width--the grid columns resize as I resize the browser). How do I get this to work in Chrome, too?

Grid

answered on 14 May 2012

1 answer

1.0K+ views

Adding to kendogrid datasource causes "is not defined" error

Hi,

I am trying to add a row to my grid but it isn't happening. I keep getting this error:




Uncaught ReferenceError: FirstName is not defined
(anonymous function)
Widget.extend._rowsHtmlkendo.web.js:18870
Widget.extend.refreshkendo.web.js:19055
e.extend.proxy.gjquery.min.js:2
Class.extend.triggerkendo.web.js:133
Observable.extend._processkendo.web.js:5628
Observable.extend._changekendo.web.js:5584
e.extend.proxy.gjquery.min.js:2
Class.extend.triggerkendo.web.js:133
Observable.extend.splicekendo.web.js:3920
Observable.extend.insertkendo.web.js:5394
Observable.extend.addkendo.web.js:5377
(anonymous function)1:367
f.Callbacks.njquery.min.js:2
f.Callbacks.o.fireWithjquery.min.js:2
e.extend.readyjquery.min.js:2
c.addEventListener.B



I've traced it down to this annonymous function - rowTemplate


(function(data) {
var o,e=kendo.htmlEncode;with(data){o='<tr data-uid="'+(uid)+'"><td>'+(e(FirstName))+'</td><td>'+(e(LastName))+'</td></tr>';}return o;
})



Here's my html file...Looks like a scoping issue? I can't figure out why this is happening???


<html>
<head>
    <script src="http://localhost:8000/kendo/js/jquery.min.js"></script>
    <script src="http://localhost:8000/kendo/js/kendo.web.min.js"></script>
    <link href="http://localhost:8000/kendo/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://localhost:8000/kendo/styles/kendo.default.min.css" rel="stylesheet" />
</head>
<body>
  
<div id="grid"></div>
  
<script> 
$(document).ready(function(){
    $("#grid").kendoGrid({
        columns:[
            {
                field: "FirstName",
                title: "First Name"
            },
            {
                field: "LastName",
                title: "Last Name"
        }],
        dataSource: {
            data: [
                {
                    FirstName: "Joe",
                    LastName: "Smith"
                },
                {
                    FirstName: "Jane",
                    LastName: "Smith"
            }]
        }
    });
  
  
    var grid = $("#grid").data("kendoGrid");
    grid.dataSource.add([{
        FirstName: "Bobby",
        LastName: "Loo"      
    }]);
      
});
</script>
  
</body>
</html>

Grid

answered on 14 May 2012

1 answer

595 views

How to allow Null for a Select.

OK, I have an editor form for a record in a datasource. There is a foreign key in the record that calls out to another table. To represent the legal values, we are using a dropdown list in the form, populated by a datasource that represents the foreign table. The HTML looks like this (names have been changed):

<select data-role="dropdownlist" data-value-field="Other_Id" data-text-field="Name" data-bind="source: otherDataSource, value: record.Other_Id"></select>

This is working FINE, and populates the dropdown with the required values. However, I need to be able to support null values in record.Other_Id. Right now, if record.Other_Id is null, it instead sets it to the first value in otherDataSource. That's not cool.

Is there some (ANY!) way for me to get this thing to provide a null option for cases in which record.Other_Id is null?

Thanks for your time!

Tess

MVVM

answered on 14 May 2012

12 answers

1.2K+ views

Close all opened windows?

Hello, how it possible to find and CLOSE all opened kendo.windows ?

Window

answered on 14 May 2012

1 answer

166 views

KendoWindow does not maximize properly

I have encountered an issue where maximizing the window will cause any content aligned to the bottom of the window to be cut off.

Please see a simple jsfiddle of the incorrect behavior: http://jsfiddle.net/jTa5C/9/

-Notice that there should be 20px of space between the edge of the window and the interior green div. It looks correct when first running, but when you click maximize there is no longer a 20px space between the bottom of the div and the kendo window.

Is there any way around this?

Window

answered on 14 May 2012

0 answers

109 views

Screen hangs after Edit/Insert

Hello,

I am binding over 5000 rows to the pop-up editor,, the loading of fthe records seems to be fine. But when I insert a new row or edit one. Although it successfully runs the "save" and "edit" handler. But after it the screen just get hangs.. But when I reduce the number of rows to around 1000 it just works fine. Screen hangs over rows of over 5000 records.

Also, the filter functionality is fine but the the drop down in filter does not show up any reason for that?? Attached is the picture of my filter.

Grid