Questions on Kendo UI for jQuery Forum

1 answer

152 views

Auto Complete doesn't set value and don't submit with form Action

Hello,

Check code,its of auto complete......

<form action="incre2.jsp" method="get" name="userform" >
                <input id="input" name="text1" type="text" style="width: 360px;"/>

                <input type="submit" value="add" >
</form>

After click on submit its not forwarding TEXT1 Parameter with request...
Please help me out

AutoComplete

answered on 28 Nov 2011

3 answers

105 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

168 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

83 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

121 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

96 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

131 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

90 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

121 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

202 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