Questions on Kendo UI for jQuery Forum

3 answers

131 views

Formatting the XML DS Results

Ok, here's the xml

<xml_api_reply version="1">

<weather module_id="0" tab_id="0" mobile_row="0" mobile_zipped="1" row="0" section="0">

<forecast_information>

<city data="Hamilton, ON"></city>

<postal_code data="Hamilton,ON"></postal_code>

<latitude_e6 data=""></latitude_e6>

<longitude_e6 data=""></longitude_e6>

<forecast_date data="2011-11-21"></forecast_date>

<current_date_time data="2011-11-21 13:00:00 +0000"></current_date_time>

<unit_system data="US"></unit_system>

</forecast_information>

<current_conditions>

<condition data="Mostly Cloudy"></condition>

<temp_f data="30"></temp_f>

<temp_c data="-1"></temp_c>

<humidity data="Humidity: 69%"></humidity>

<icon data="/ig/images/weather/mostly_cloudy.gif"></icon>

<wind_condition data="Wind: N at 10 mph"></wind_condition>

</current_conditions>

<forecast_conditions>

<day_of_week data="Mon"></day_of_week>

<low data="28"></low>

<high data="41"></high>

<icon data="/ig/images/weather/sunny.gif"></icon>

<condition data="Clear"></condition>

</forecast_conditions>

<forecast_conditions>

<day_of_week data="Tue"></day_of_week>

<low data="37"></low>

<high data="46"></high>

<icon data="/ig/images/weather/chance_of_rain.gif"></icon>

<condition data="Chance of Rain"></condition>

</forecast_conditions>

<forecast_conditions>

<day_of_week data="Wed"></day_of_week>

<low data="32"></low>

<high data="50"></high>

<icon data="/ig/images/weather/mostly_sunny.gif"></icon>

<condition data="Mostly Sunny"></condition>

</forecast_conditions>

<forecast_conditions>

<day_of_week data="Thu"></day_of_week>

<low data="43"></low>

<high data="50"></high>

<icon data="/ig/images/weather/sunny.gif"></icon>

<condition data="Clear"></condition>

</forecast_conditions>

</weather>

</xml_api_reply>

...and here's my schema

schema: {

// specify the the schema is XML

type: "xml",

// the XML element which represents a single data record

data: "/xml_api_reply/weather/forecast_conditions",

// define the model - the object which will represent a single data record

model: {

fields: {

day_of_week: "day_of_week@data",

high: "low@data",

low: "high@data",

icon: "icon@data",

condition: "condition@data"

}

},

...and the template

<ul id="weather-container">

</ul>

<script id="dashwidget-weather-template" type="text/x-kendo-template">

<li>

<div>#= day_of_week #</div>

<div>#= condition #</div>

<div>High: #= high #</div>

<div>Low: #= low #</div>

</li>

</script>

So I would like it structured like this:

<div>

<div>CURRENT WEATHER</div>

<ul>

#repeater

<li>DAILY WEATHER</li>

#endrepeater

</ul>

</div>

So I am clearly doing it WRONG :) Since I'm only iterating over the weekday bits (so I wouldn't be able to get the current conditions).

How should I be re-working this?

Data Source

answered on 28 Nov 2011

1 answer

185 views

Unable to refresh tab script

Hi,

I am trying to implement kendo in our project. Where I have created 4 tab scrip. I want to refresh this tab script on button click. But it is not working. I have used < $("#tabstrip").data("kendoTabStrip").reload("#Exposure"); >.
I will be highly thankful to you if you kindly help me for the same.

TabStrip

answered on 28 Nov 2011

0 answers

137 views

Readonly

How does one get the kendoCalendar to respect the "readonly" attribute on an input element?

Thanks in advance...

Calendar

asked on 27 Nov 2011

0 answers

140 views

Custom theme on Panel Bar

The panel bar being used for the nav menu down the left side of the demos page is clearly different to the panel bar samples here: http://demos.kendoui.com/panelbar/index.html

Does anyone have any samples with a panel bar or other control being themed different from the others?

I've looked throught the examples.css and kendo.examples.js files with no luck. Being a C# programmer, Javascript is a bit alien to me...

PanelBar

asked on 26 Nov 2011

0 answers

108 views

Problems in the Opera browser

Opera 11.52

After re-opening of the window. Used Win.data("kendoWindow").open();. Begins to slow down when you move.

Window

asked on 26 Nov 2011

1 answer

203 views

Getting started

Sorry for this simple question, but I'm not sure what to copy over into my MVC project and whhat folder structure they should be copied over to.
http://www.kendoui.com/documentation/introduction.aspx

Download Kendo
Copy the Kendo UI CSS and JavaScript resources to your project

The bold line above: I'm not sure what files or folders need to be brought over.

thanks for any help.

General Discussions

answered on 25 Nov 2011

0 answers

102 views

Issue with ASP.Net GridView Template Column

Hi,

I’m trying to integrate ASP.Net GridView control with Kendo UI Grid control.

Please let me know how I can integrate ASP.Net GridView Template Columns with Kendo UI Grid control and how can I make Sorting functionality into Gridview with the use of Kendo UI control.

Thanks.

Grid

asked on 25 Nov 2011

3 answers

132 views

Drag Drop in Grid

Hi,

I have two grids and what to dag items from "A" to "B" grid, also need to drag-drop within grid "B".

I looked at the treeview drag-drop example but not sure how to do this with Grid, also I don't want to move items from "A" to "B", more copy from "A" to "B".

A simple example would be great.

Grid

answered on 25 Nov 2011

5 answers

217 views

Cant set datepicker to january!

Two datepickers one the same page. Every time i try to set the first one to Jabuary it's jumping to the previous december:
<input id="datepickerF" value="" style="width:150px;">
<input id="datepickerT" value="" style="width:150px;">

$(document).ready(function() {

$("#datepickerF").kendoDatePicker({

                        // defines the start view
                        startView: "year",

// defines when the calendar should return date
depth: "year",

                        // display month and year in the input
                        format: "MMMM yyyy",

                    });
$("#datepickerT").kendoDatePicker({

      // defines the start view
                        startView: "year",

// defines when the calendar should return date
depth: "year",

                        // display month and year in the input
                        format: "MMMM yyyy",
                        });
    });

Marcus

DatePicker

answered on 24 Nov 2011

2 answers

194 views

Grid not updating when filtering a Data Source

I'm trying to filter a data source with the data bound to a remote source as per the Grid/Remote-data.html sample.
I've made some mods and nothing seems to happen. I'm trying to filters the results by ShipName.

<script>

$(document).ready(function() {

var sharableDataSource = new kendo.data.DataSource({

type: "odata",

transport: {

read: "http://services.odata.org/Northwind/Northwind.svc/Orders"

},

pageSize: 10,

serverFiltering: true,

serverPaging: true,

serverSorting: true,

});