Questions on Kendo UI for jQuery Forum

10 answers

796 views

[Solved] Datasource not binding to template

Hi,

I've created one template and assign datasource to that template but data is not showing on webpage.
Following is my code:

<script id="template" type="text/x-kendo-template">
            <div class="categoryBox">
                <div>
                    <strong>
                        #= categoryName #
                    </strong>
                    <a class="box-link" href="http://www.google.co.in">
                        Read More
                    </a>
                </div>
            </div>
            </script>
            <script type="text/javascript">
                $(document).ready(function () {

                    var template = kendo.template($("#template").html());
                    var category = [
                        { "categoryName": "Category1" },
                        { "categoryName": "Category2" },
                        { "categoryName": "Category3" },
                        { "categoryName": "Category4" },
                        { "categoryName": "Category5" },
                        { "categoryName": "Category6" }
                        ];

                    var dataSource = new kendo.data.DataSource({ data: category });

                    // read data from the remote service
                    dataSource.read();
                });
            </script>

Kind Regards,
Mangesh

Data Source

answered on 22 Dec 2011

1 answer

105 views

Why is the Kendo UI intro page incorrect?

The Kendo UI introduction page shows the script to add to your header;

 <!--Then paste the following for Kendo scripts-->
    <script src="jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="kendo.all.min.js" type="text/javascript"></script>

but these scripts are not included in the source download. It actually contains;
jquery.min.js
kendo.all.js

General Discussions

answered on 22 Dec 2011

1 answer

368 views

adding menu using web-service / best practices

I wanted to find out what is the best practice for showing menu in the application if we are using KendoUI. Whether it should be rendered from the server side using <ul> <li> tags or whether we should add dynamically using a web-service.

I prepared a blog post with an example of how I did this but I am not too sure if this would be the recommended way going forward. - http://piyushbhatt.blogspot.com/2011/12/kendoui-adding-menu-using-web-service.html

Overall - I think we would need the functions in kendoUI objects' such a way that developer should not have to use selectors (like "li:last" or "li:first") etc and can work with the objects and methods only.

Again this is not direct question per say - but to know your thoughts on best practices and how you think people will be using various widgets in large applications.

Menu

answered on 22 Dec 2011

8 answers

280 views

NumericTextBox in a MVC project

Hi
I can't get the NumericTextBox to work in my MVC project.
When I increase or decrease the number, the field loose its focus and show the formattet result.
It seams that the problem is the absolute reference with the css and js files. When I test the code in a local directory with relative references to css and js, everything works. But not from my MVC project.
I have tried the MVC extensions from codeplex.com, and it seams that they also have the same problem.
Any help?
Allan

NumericTextBox

answered on 22 Dec 2011

1 answer

246 views

How do I do a manual update of a kendoComboBox list?

Could you please set me straight? I am initializing and kendo combobox with a simple call to kendoComboBox() which is causing it to load it's list from the select list that is rendered in html output which is great. I then come along later and trigger a refresh of that list via the following function based on the selection of another combobox...

IIHS.EditPlanningVehicle.RefreshSeries = function (planningYear, makeName) {

//Load a new list of options for vehicle definitions

$.getJSON($("#mainForm #LoadNewListFormat").val().replace("makeName", makeName).replace("planningYear", planningYear),

function (data) {

$("#SourceVehicleVariantsId").kendoComboBox(data);

});

};

This works mostly, but ends up creating a second dropdown element when clicking on the dropdown button for the combobox. Is there a better way I can assign a new list to the dropdown, or do I need to switch to using dataSources?

Thanks.

ComboBox

answered on 22 Dec 2011

4 answers

398 views

[Solved] How to keep contents in modal window after clicking anchor tag

I have a modal window containing several anchors. After clicking one of the anchors I need the new content to display in the existing modal window. I have tried several known methods to make this work, but all result in the creation of a new window - as if the target had been set to _top rather than _self. Any guidance is appreciated.

Window

answered on 21 Dec 2011

0 answers

189 views

Detail DataGrid filtering with odata and/or json types

I modified the “Detail Grid” which can be found here:

http://demos.kendoui.com/web/grid/detailtemplate.html

To use this example with a couple of Java actions instead of the RSS feed. However, I'm having problems filtering the detail data because of the fact that I’m omitting the type: "odata" in my HTML.

So, the original Employees data source looked like this:

dataSource: {

type: "odata",

transport: {

read: "http://demos.kendoui.com/service/Northwind.svc/Employees"

},

pageSize: 5,

serverPaging: true,

serverSorting: true

},

The original Orders data source looked like this:

dataSource: {

type: "odata",

transport: {

read: "http://demos.kendoui.com/service/Northwind.svc/Orders"

},

serverPaging: true,

serverSorting: true,

serverFiltering: true,

pageSize:6,

filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID }

},

The modified Employees data source looks like this:

dataSource: {

transport: {

read: {

url: "/site/GetEmployee.action",

dataType: "json",

},

pageSize: 5,

serverPaging: true,

serverSorting: true

},

The modified Orders data source looks like this:

dataSource: {

transport: {

read: {

url: "/site/GetOrders.action",

dataType: "json",

},

serverPaging: true,

serverSorting: true,

serverFiltering: true,

pageSize:6,

filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID }

},

You’ll notice that I had to make the change to: dataType: "json", in order for this example to work.

Also, if you look inside “kendo.all.js”, you’ll notice that “filter: { }” will only work with “odata”.

Now, any ideas how I can get my sample to work with filtering?

Grid

asked on 21 Dec 2011

1 answer

467 views

Master/Detail DataGrid using JSON or XML

In the Web demos section, there is a grid which displays its data in a master/detail type format. The demo I’m referring to can be found here:

http://demos.kendoui.com/web/grid/detailtemplate.html

The grid pulls the data from the following services/feed:

http://demos.kendoui.com/service/Northwind.svc/

http://demos.kendoui.com/service/Northwind.svc/Employees?$format=json&$inlinecount=allpages&$callback=callback&$top=5

http://demos.kendoui.com/service/Northwind.svc/Employees%281%29/Orders?$format=json&$inlinecount=allpages&$callback=callback&$top=5

Is there a sample of this same grid using JSON or XML which is either returned from an object or is store statically inside the page?

Thanks,

Data Source

answered on 21 Dec 2011

0 answers

176 views

Programmatically explode pie slice

Hi,

I have a pie chart and grid using a shared remote datasource and I'd like to have the corresponding pie slice explode when the user clicks (or hovers over) an item in the grid. As it stands I'm using the change event in the grid and altering the underlying datasource's Explode field and refreshing the pie chart, but that clears my grid settings (current selection,sort,etc) and triggers each slice of the pie chart to re-animate. Any thoughts on how to accomplish without refreshing the entire pie chart?

I'm loving the library so far, great work! Thanks!

Charts

asked on 21 Dec 2011

0 answers

63 views

I can't see web, dataviz and themebuilder demos

when i wan't to see these demos:
http://demos.kendoui.com/web/overview/index.html
http://demos.kendoui.com/dataviz/overview/index.html
http://demos.kendoui.com/themebuilder/index.html

demos doesn't work.
I'm using firefox 9.
I tried with Chrome 16.0.912.63 too but
i'm attaching images.
do i have to configure something on the explorer?.

Thank you.

General Discussions

asked on 21 Dec 2011