Questions on Kendo UI for jQuery Forum

1 answer

201 views

I'm trying to design a view with a full screen google map and a scrolling listview pinned to the right side. Items in the listview would correspond to locations on the map.

I can't seem to accomplish this without the map scrolling in tandem with the listview.

1. is it possible to have multiple elements inside a view that scroll independently?
2. is it possible to have more than one view on the screen at the same time?

Thank you!
-Adam

ListView (Mobile)

answered on 28 May 2012

10 answers

279 views

[Solved] invalid label "d" : {

I'm trying to bind the KendoDS to a simple oData method

[WebInvoke(Method = "GET")]

[WebGet]

public string HelloGET() {

return "Hi THere from GET";

}

var helloDS = new kendo.data.DataSource({

transport: {

read: {

// the remote service URL

type: "GET",

url: oDataBasePath + "/USDA.svc/HelloGET?$format=json",

dataType: "jsonp",

contentType: "application/json; charset=utf-8",

}

},

change: function () {

alert("Change");

},

error: function(){

alert("error");

}

});

helloDS.fetch();

So I see the GET works, I get my JSON back

{

"d" : {

"Hello": "Hi THere"

}

But Firebug throws the error:

invalid label

"d" : {

This is the callback from Firebug

http:

//odata.gourmetsleuth.com/USDA.svc/HelloGET?$format=json&callback=jQuery17106241045930093632_1323571371269&_=1323573597895

So I'm getting my callback method

What am I doing wrong here? Shouldn't the odata method be returning that callback ID in the result?

Data Source

answered on 28 May 2012

3 answers

423 views

Row selection across pages

Hi,

I have a kendo grid, where i have enabled multiple row selection. Right now, i can select rows by using shift key and clicking on the rows in a page. But, when i move to other page, rows that were selected in last page does not remain selected. I want them to remain selected and also, that the user should be able to select new rows across the pages. Is it possible?

Regards,
Khushali

Grid

answered on 28 May 2012

0 answers

137 views

Problem with Grid Hierarchy

I am using kendo grid and populating hierarchical data. On grid load the first row is already expanded. Is it possible that if i open 1 row other collapse automatically? Basically I want only one row to expand at a single instance. Normally in Grid we can expand multiple row at a time.

Grid

asked on 28 May 2012

1 answer

109 views

show scrool in main view

should not appear a horizontal scrool but i see and use horizontal scrool why use scrool?

I have written the code below

<div id="main" data-role="view" >
<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span> <a data-align="right"
data-role="button" class="nav-button" href="#"
onclick="closeApp();">Close</a>
</div>
</header>
<div class="ustBaslik">
ESS
</div>
<div class="link">
<a href="#frmFotolar">
<img src="images/fotolar.png"/>
<div>Photo</div>
</a>
</div>
<div class="link">
<a href="#frmMail">
<img src="images/eposta.png"/>
<div>EMail</div>
</a>
</div>
<div class="link">
<a href="#frmTakvim">
<img src="images/takvim.png"/>
<div>Calculater</div>
</a>
</div>
</div>

Application

answered on 28 May 2012

1 answer

136 views

Wrap input tags inside a form tag to see input-specific keyboards

I noticed that the demo, 'mobile form inputs' wasn't showing input type-specific keyboards that I'd expect on my iPad, and went looking for a solution.

The solution is to use a <form> tag.

Now, for instance, my <input type='search' ....> tag renders an input box with an associated search keyboard with a 'Search' button in place of the 'Return' button.

Application

answered on 28 May 2012

3 answers

328 views

Tablet behaviour of TabStrip with onSelect event

Hi again here guys,

I've noticed another strange problem on my tablet with "select" event on TabStrip:

here's functions:

$(document).ready(function() {

tabStrip = $("#chPage").kendoTabStrip({

select: onSelect,

animation: false

});

function onSelect(e) {$(document).ready(function() {

switch(e.item.id) {

case "chBtn1" :

$('#chPage-1').empty();

break;

case "chBtn2" :

$('#chPage-2').empty();

break;

case "chBtn3" :

$('#chPage-3').empty();

break;

}

fillPages();

}

On my Desktop, it works like a charm, with no problem at all, but on my tablet it's broken and I'm stucked. Console says :

Uncaught TypeError: Cannot read property 'id' of undefined

Any help would be appreciated!

TabStrip

answered on 28 May 2012

0 answers

98 views

Bug with multiple VM's on single page, grid creating multiple div's for k-grid-content

Hi,

I have an app that is divided into several parts...to make it simple, let's just consider a menu and a main area.

My menu is created on my main layout file. So I have a kendo.bind(document.body,mainVM) on this page.

My main area has another kendo.bind(document.body,areaVM)

Usually I have a grid on my main area, and because I want to format it nicely, I call the grid.kendoGrid() function on it.

This makes the MVVM go crazy, because it can't track anymore which elements are bound to which vm (mainVM or areaVM).

My grid also goes crazy, as it creates two divs for content, making the layout really bizarre.

I have created a jsfiddle that reproduces the scenario described above. http://jsfiddle.net/aoliveira/WTuYX/2/

I do know that I could fix that by just scoping my kendo.bind call to the given area, but I would like to have at least my mainVM be boud to document.body and have my areaVM boud to some area div...but that seems to create problems also.

So the questions are :

1 - Will there be any way for kendo mvvm to track what is bound to what ?
2 - Is using bind on document.body completely wrong ?

Thanks,

Alvaro Oliveira.

MVVM

asked on 28 May 2012

0 answers

370 views

Codeigniter and Kendo Grid

Hello, I'm new! i have a problem creating a grid with codeigniter...i dont know how to write my kendo script. here is my code in codeigniter:
CONTROLLER:

function read() {

echo(json_encode($this->news_model->read());

}

function update() {
$records = json_decode(stripslashes($this->input->get(‘models’)), true);
$this->news_model->update($records);
}

function destroy() {
$records = json_decode(stripslashes($this->input->get(‘models’)), true);

$this->news_model->destroy($records);

}

function create() {
$records = json_decode(stripslashes($this->input->get(‘models’)), true);

$this->news_model->create($records);

}

MODEL

function read() {
$this->db->select(“*”);
$query = $this->db->get(‘news’);
if($query->num_rows() > 0) {
$newsList = array();
foreach($query->result() as $news) {
$newsList[] = $news;
}
return($newsList);
}
}

function update($records) {
foreach($records as $r) {
$this->db->where(‘id’, $r['id']);
$this->db->update(‘news’, $r);
}
}

function destroy($records) {

foreach($records as $r) {

$this->db->where(‘id’, $r['id']);
$this->db->delete(‘news’);
}
}

function create($records) {

foreach($records as $r) {
$this->db->insert(‘news’, $r);
}
}

and now how i put this in the grid??

Grid

asked on 28 May 2012

1 answer

142 views

Language versions

Hi, is there any posibility to change all Kendo strings in app? In culture files there are months and days of the week, but I want to have "Select" in file upload in other languages than english.

General Discussions

answered on 27 May 2012