Questions on Kendo UI for jQuery Forum

1 answer

189 views

Hi,

I have a page with 3 kendo grids that have the same datasource but with different schemas

right now i created 3 different datasources and it works except the fact that it calling the service 3 times

the service returns a json like this:

{"HomePageRes":{
"Status":{
"Error":"OK",
"ErrorDesc":"",
"UserError":""
},
"Call": [ {
"No": 3697105,
"Type": "קריאה",
"Category":"עדכון ק\"מ",
"CarNo":"51-253-69",
"Model":"רנו מגאן 2 ביזניס ק",
"DriverName":"שירי גולדשטיין",
"ApplicantName":"שירי גולדשטיין"} ],
"Fix": [ ],
"Alert": [{
"Deal":"",
"CarNo":"60-967-67",
"Model":"סובארו B3 סדן RX, או",
"DriverName":"אסף יוסף לחמיש",
"KM":0,
"Date":"20120731",
"CollectionDate":"",
"Timestamp":"201206210737"
}]
}}

how can i call the service 1 time?

Data Source

answered on 11 Jul 2012

2 answers

130 views

When will Kendo publish usable documentation ?

I have seen comments in various forum posts suggesting that the Kendo team is intending to write some usable documentation. However there doesn't seem to be any mention of this anywhere.

There is no information regarding the intended delivery date. Do you intend to update your docs ?

The way the current documentation is laid out makes it very difficult to tell what property you are looking at, because each property is not seperated the only way to distinguish what you are looking at is to inspect the indentation of each definition. This can be frustrating to navigate.

There are multiple ways to bind data to your controls and not any good examples of how and why you would use specific data binding techniques.

General Discussions

answered on 11 Jul 2012

0 answers

115 views

using child values from json

Hi

I have the charts working perfectly using a standard remote json file. My problem is I now have to use data from a file that has child values attached so for example in the snippet below i want to use the value of "Code", and i'm having trouble doing this any help would be apppreciated

{
   "Providers":[
      {
         "Elements":[
            {
               "Code":"siteSection",
               "Name":"Site Section"
            },

         ],
      }
   ]
}

Regards

Adam

Charts

asked on 11 Jul 2012

2 answers

94 views

[Solved] Font rendering quality, any way to improve?

See the attached image, left label is IE, right label is Chrome, is there any way to improve the way Chrome renders this text, or is that just the way it's going to be?

Charts

answered on 11 Jul 2012

3 answers

551 views

Label at top

I have the following screen shot of a grid with a popup and cannot figure out how I place the label to the top of the grid rather than at the bottom. See attachment.

My popup has the following editor template:-

var textEditorInitialize = function (container, options) {

$('<textarea style="width:200px;height:100px;" />')

.appendTo(container);

};

Grid

answered on 11 Jul 2012

0 answers

209 views

How to achieve the alert or messagebox

How to achieve the alert or messagebox function of.
Does not seem to find the alert control at kendo UI.
Do use the window to achieve

Window

asked on 11 Jul 2012

2 answers

244 views

Mobile grouped list using nested templates issue

http://jsfiddle.net/dvrvT/2/

In the JsFiddle example provided, when I specify the 'kendo.mobile.ui' parameter in the bind method, I do not see the templated items in my ListView.

ListView (Mobile)

answered on 11 Jul 2012

1 answer

194 views

Calling Remote Datasource with Kendo Mobile

So I'll start by saying I'm brand new to Kendo UI Mobile, and I was walking through the Kendo Mobile UI tutorial and trying to get the datasource to load data from my local RailsApp. I'm running the mobile app on an Android Simulator and the data never returns...I just get a spinning circle at the bottom of the application. I'm not sure where I'm going wrong as I've copied and pasted the code from the Android version of the tutorial and changed it to match my local URLS ( I built it myself originally, but then decided to copy and paste when I ran into issues). Any help is greatly appreciated..Thanks

Here's my code:

<!DOCTYPE HTML>

<html>

<head>

<title>Cordova</title>

<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>

<link rel="stylesheet" href="styles/kendo.mobile.all.min.css" type="text/css"/>

<script src="js/jquery.min.js"></script>

<script src="js/kendo.mobile.min.js"></script>

<script type="text/javascript">

// If you want to prevent dragging, uncomment this section

/*

function preventBehavior(e)

{

e.preventDefault();

};

document.addEventListener("touchmove", preventBehavior, false);

*/

/* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.

see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html

for more details -jm */

/*

function handleOpenURL(url)

{

// TODO: do something with the url passed in.

}

*/

function onBodyLoad()

{

document.addEventListener("deviceready", onDeviceReady, false);

}

/* When this function is called, PhoneGap has been initialized and is ready to roll */

/* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.

see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html

for more details -jm */

function onDeviceReady()

{

// do your thing!

}

</script>

</head>

<body onload= "onBodyLoad()">

<div data-role="view" data-init="getInfo" data-layout="app" data-title="info" id="info">

<div id="news">News Goes Here</div>

</div>

<div data-role="view" data-layout="app" data-init="getSessions" data-title="scheudle" id="scheudle">

Schedule Goes Here

<ul id="sessions"></ul>

</div>

<div data-role="layout" data-id="app">

<header data-role="header">

<div data-role="navbar">Conference Tracker</div>

</header>

<footer data-role="footer">

<div data-role="tabstrip">

<a href="#info" data-icon="info">Info</a>

<a href="#scheudle" data-icon="recents">Schedule</a>

</div>

</footer>

</div>

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

<div class="left">

<div class="time"> ${formatted_time }</div>

<div class="speaker">${speaker}</div>

</div>

<div class="title">${title}</div>

</script>

<script>

// creates the application UI

var application = new kendo.mobile.Application($(document).body, { transition: "slide" });

var infosUrl = "/infos.json"; //also tried full path here as well.

var sessionsUrl = "/sessions.json";

var getInfo = function() {

// read from the remote data source

$.get(infosUrl, function(data) {

$.each(data, function() {

$("#news").append("<p class='info'>" + this.content + "</p>");

});

}

var getSessions = function() {

$("#sessions").kendoMobileListView({

dataSource: kendo.data.DataSource.create({

transport: {

read: sessionsUrl

},

group: "day"

}),

template: $("#sessionsTemplate").html()

});

}

</script>

</body>

</html>

Application

answered on 11 Jul 2012

3 answers

441 views

Getting loaded window in document .ready

Hello,

I want to pass a RecordID to a child Window and then I want that child window to use this RecordID in the document ready function to load the rest of the form.

This is how I call the child window:

window.kendoWindow({

content: {

url: "order.aspx",

data: {

RecordID: 1234

}

});

On the server side, I'm able to set the RecordID in a Textbox (let's call it tbRecordID). This is where it gets more complicated.

Usually, in order to get the tbRecordID value, you whould just get it directly using it's id in the order.aspx document ready function:

$(document).ready(function

() {

myRecordID =$("#tbRecordID"

).val();

     //load components for myRecordID...

});

However, this won't work if you allow users to open more than one instance of the same window (ex: lets say the the user want to see order 1, 17 and 53 side by side) because this would create an id conflict.

So the only option I can see for now is to add a class to the tbRecordID and the refer to it from the "loaded" window with a jQuery search.

$(document).ready(function () {

var targetWindow = //I need a way to get a reference to the target window

var myRecordID = targetWindow.find(".RecordIDClass").val();

//load with myRecordID

});

So, is there a way to get a reference to the window that is behing loaded?

Or maybe there is an other way to achieve what I'm trying to do in the document .ready function?

Best regards,

Simon

Window

answered on 11 Jul 2012

0 answers

83 views

first mobile app

For someone building their first mobile app from scratch, does anyone have a recommendation on what type of app that is doable but will be a great learning experience? Is Kendo UI the place to do this, or are there other recommendations? Thanks in advance.

General Discussions

asked on 11 Jul 2012