Questions on Kendo UI for jQuery Forum

5 answers

984 views

Hello!
I have to make a choice on a HTML5 framework to use , to build a similar Desktop application and mobile application in which I can manage several sub-applications.
I am trying to understand which is the 'best' framwork between Sencha Extjs 4 and Kendo UI.

Because I am new to this world I want to ask you which are the teknical quality of the two frameworks and why I have to choose one or the other.

I have use Extjs 4 and I like it ,i am not for one or for the other but I am only asking which differences there are between them.

I wait for some answer.

Thanks a lot.

General Discussions

answered on 05 Oct 2012

3 answers

1.9K+ views

The grid does not render correctly unless the containing element is visible at initialization time

If you call .kendoGrid(options) on an element that is not "on screen" (e.g. display: none) it does not render and function correctly.

In particular the height, scrollbars and reorderable properties do not result in expected functionality.

The following fiddle shows expected and unexpected behaviors - via the use of a bootstrap tab control.

Tab 1 - works as expected as this tab is visible on screen when the .kendoGrid(options) js call is made.

Tab 2 and 3 - do not work as expected as they are not on-screen when the .kendoGrid(options) js call is made.

You cannot re-order the columns via drag n drop.
The scroll bars extend past the height set for the grid.

(It's easier to see the the scroll bar rendering issues if you are not on a mac with on-demand scrollbars)

http://jsfiddle.net/YNdAJ/3/

The immediate work around is to call .kendoGrid(options) the first time each tab is displayed on screen however there is a significant delay while this processing occurs and I'd rather have all that happen at a different stage of the page load lifecycle.

Is this a bug? If not, is there a better way to achieve what I'm looking for?

Grid

answered on 05 Oct 2012

0 answers

106 views

How to EXPAND to a subnode (from a DATAITEM)?

I have a data item 4-ish levels deep. Need to EXPAND to and SELECT it. Tree is collapsed.
FindByUID fails because uids of dataitems do not match uids of LI's [don't know why].
FindByText presents too many options as there are multiple children with the same names.

I'm already scrolling upward dataitem to dataitem.parent() to the top. So I have those. But HOW do you get the SINGULAR LI which matches that dataitem in order to expand/select????

TreeView SHOULD have an .expand(dataitem) override which does this.

TreeView

asked on 05 Oct 2012

1 answer

176 views

Kendo Ui controls or Telerik controls for MVC4

Hello All,
We are going to develop our application using MVC4 , Single Page Application(SPA). with Razor engine.
But need help on controls to use. Our application uses Autocomplete, Dropdown, TreeView, Grid controls. There are KenDo ui controls we can use. But there are some limitations with control like TreeView (We can't use Remote Datasource in current version)
I also submitted post related to that but not get any reply.

So we looked in to Telerik controls for Asp.net mvc
http://demos.telerik.com/aspnet-mvc/

So can anybody tell that is it better if we can use those Telerik controls in our application. Or if used what can be drawbacks we may face.

Our Application Specifications
ASP.NET 4.5 (MVC4)
Razor engine

Please give suggestion so that we can proceed with any of the controls among those

Thanks,
Atul

General Discussions

answered on 05 Oct 2012

0 answers

76 views

Just Another Grid Event Remove (JAGER) Question

Can anyone help: Why doesn't this fire the remove event in the grid?

$("#grid").delegate("#deleteItem", "click", function(e) {

var grid = $('#grid').getKendoGrid();

var a = grid.dataItem($(this).closest('tr'));

grid.removeRow(a);

});

Full Example:
http://jsfiddle.net/bGR88/9/

Thanks

Grid

asked on 05 Oct 2012

1 answer

125 views

Why doesn't JSON from my service appear in my grid?

I'm attempting to populate the Kendo UI Grid with JSON returned from my web service (ASP.NET Web API). The JSON appears valid, confirmed valid by running the entire return through JSONLint.com.

Here is a sample from the service:

[{"Id":2000,"Name":"Alabama"},{"Id":2001,"Name":"Alaska"},{"Id":2002,"Name":"Arizona"}]

The problem is, the data returned from the service does not display in the grid. If I comment out the call to the service and use the array created below, the grid is populated. What's going on and how do I fix it?

The code below is my entire demo page.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Basic Grid usage</title>
    <link href="content/kendo/2012.2.710/kendo.common.min.css" rel="stylesheet" type="text/css">
    <link href="content/kendo/2012.2.710/kendo.default.min.css" rel="stylesheet" type="text/css">
    <script src="scripts/kendo/2012.2.710/jquery.min.js" type="text/javascript"></script>
    <script src="scripts/kendo/2012.2.710/kendo.web.min.js" type="text/javascript"></script>
</head>
<body>
 
    <div id="states">
    </div>
    <script type="text/javascript">
 
        $(document).ready(function () {
 
            var states = [
                    { Id: 1, Name: "Maine" },
                    { Id: 2, Name: "Washington" },
                    { Id: 3, Name: "Idaho" }
                ];
 
            var statesDataSource = new kendo.data.DataSource({ data: states });
 
//            var statesDataSource = new kendo.data.DataSource({
//                transport: {
//                    read: {
//                        url: "http://XXX.com/apps/states",
//                        dataType: "jsonp"
//                    }
//                }
//            });
 
            statesDataSource.read();
 
            $("#states").kendoGrid({
                dataSource: statesDataSource
            });
        });
    </script>
</body>
</html>

Grid

answered on 05 Oct 2012

0 answers

55 views

Grid Paging

Hi,

I am using kendo grid with paging.In my grid i have checkbox for selecting the grid row.
when i am using paging when I select a row in page 1 and after if go to page 3 and select a row and save the data to database.
The problem is when I select the page 3 row the page 1 row which is selected is not saved.
Even if I change the grid page to 1 the selected row is deselected automatically.
Is there any solution to solve the problem.

please help...

Regards,
Sam.

Grid

asked on 05 Oct 2012

1 answer

96 views

Share DataSource - identify who is requesting data

Hi dear forum members and support team!

Is it a customary scenario to share a datasource between multiple widgets?

In my scenario it is possible to enter several different Addresses - which all have a Country and Province to be selected (depending on each other)

I was trying to setup just one _countryDataSource and one _provinceDataSource.

I have two issues now...

1) Once any Country-Combobox (kendo-combobox) has a changed selection, I want to "refresh()" the according Province-Combobox. (How would I go about that?)

2) How could I now identiy, which Province-Combobox made the request to the shared DataSource?

I am pretty sure that it would be easier to just "not share" the DataSources but build up one for each ComboBox.... would this be a better approach? Or is there an easy way to achieve my requirements?

Also: How resource intensive is it to build up a DataSource?... because if it is leightweight and not really strains the resources it would not make sense to share DataSources at all....

Please note that the Cascading-Combo-Boxes samples do not really apply to my scenario.... I need a little more control, since it should also be possible to enter a custom country (which is not - yet - in the list) or a custom province.

Thanks you very much for any help!

Kind regards,
Wolfgang

Data Source

answered on 05 Oct 2012

0 answers

100 views

Evaluating Kendo Chart UI

Hello,

I am evaluating Kendo Chart UI for adoption to our current solution. I wanted to confirm some features (if it is supported or not). These are some of the key items that will help me to come to a recommendation.

1. We need to show multiple series on the same chart. For example, a line series and scatter on the same graph. Is this supported?
2. Can we use our own custom icons (small images or shapes) to plot on scatter charts?
3. Does events work on scatter plots? Can we find out when user clicks on a specific scatter item?

Thanks,
Manesh

Charts

asked on 04 Oct 2012

0 answers

116 views

Dynamically turning inline edit inputs on/off based on drop down in first column.

I have a grid with three different "types" in it.

Type A = uses fields 1,2,3,4,5,6,7.
Type B = uses fields 1,2,3,6,7.
Type C = uses fields 2,3

We still require a rollup view with all the data in the table.

I have the grid showing the data; and using a drop down to determine the "type".

I can read the value of the dropdown on change.

I can't, for the life of me, get the fields to turn off/on based on that selection.

Oh yes; forgot; this is a grid with the row made inline editable. Please; any ideas?

Thanks.
Tony

Grid

asked on 04 Oct 2012