Questions on Kendo UI for jQuery Forum

0 answers

124 views

Calling refresh method does not cause a new request, but clears listview

I am testing in Chrome. I don't see any errors in the developer's console. I also don't see a 2nd request made to the datasource.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>My Open Cal</title>

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

<script src="js/jquery.min.js" type="text/javascript"></script>

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

<script>

$( //jQuery page load

function ()

{

var app = new kendo.mobile.Application($(document.body), { layout: "layout", icon: "/images/xboxavatar.png" });

$("#ulMyCal").kendoMobileListView({

dataSource: new kendo.data.DataSource(

{

transport:

{

read:

{

url: "http://search.twitter.com/search.json",

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

type: "GET",

dataType: "jsonp",

data:

{

q: "#tampa"

}

},

schema: {

data: "results"

}

}),

template: "<p>${text}</p>"

});

setTimeout(refreshListView, 5000);

})

function refreshListView()

{

$("#ulMyCal").data("kendoMobileListView").refresh();

}

</script>

</head>

<body>

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

<div data-role="header" >

<div data-role="navbar">

<span data-role="view-title">My Open Cal</span>

</div>

<div data-role="footer">

<div data-role="tabstrip">

<a href="#index" data-icon="organize">My Calendar</a>

<a href="#search" data-icon="search">Search</a>

<a href="settings.htm" data-icon="settings">Settings</a>

</div>

<div data-role="view" id="index" data-title = "My Calendar">

<div style="text-align:center">

<ul id="ulMyCal" data-style="inset">

</ul>

</div>

<div data-role="view" id = "search" data-title = "Search">

</div>

</body>

</html>

ListView (Mobile)

asked on 01 May 2012

1 answer

318 views

DataSource and Authentication

Hello,

I have an OData service with custom basic authentication. With your dataSource, how can I set the username and the password ? Can I access the request headers ?

Cordially,
Kakone.

Data Source

answered on 01 May 2012

1 answer

181 views

How to refresh a grid with parameters

hi all:

How to refresh a grid with parameters, I write that, but it's not work,pls help me ,thanks.

the code

var grid_=$("#grid_right").kendoGrid({
dataSource: {
type: "json",
transport: {
read:{
url: "charge-property/resources/unit_list_data.jsp",
dataType:"json",
data: {
q: "1231453456456"
}
}
..........................................
..........................................
}).data("kendoGrid");

I want to in a button in the event,The parameter q modify the into "test"(old q: "1231453456456" )

the code :
grid_ .dataSource.read({
url: "charge-property/resources/unit_list_data.jsp",
dataType: "json",
data: {
q: "test"
}
});
grid_.refresh();
pls help me ,thanks.

General Discussions

answered on 30 Apr 2012

0 answers

61 views

Grids Not Visible on Android

I am getting reports from some of my testers that they cannot see the charts. The frame is there and the backgrounds are there, but the lines and pie slices are not there. To make sure it was not just my site, I had them go to the kendo dataviz demos and those are not available either.

I have confirmed this is the case on my personal phone which is android 2.3.4.

Is anyone else experiencing this?

Charts

asked on 30 Apr 2012

8 answers

140 views

Can't get grid working in MVC3

I'm trying to get the Kendo UI grid connected in my MVC3 app, but I'm not getting any data displaying. I think it should be simple, but I'm not seeing it. Here is my code:

View:

@model List<pests.web.com.Models.Workitem>

@{
ViewBag.Title = "Worklist";
ViewBag.CurrentPage = "Worklist";
}

<div id="grid"></div>

<script type="text/javascript">
$("#grid").kendoGrid({
dataSource: {
type: "json",
transport: {
read: {
url: "Home/GetWorklist",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
data: {}
}
},
columns: [
{
field: "PartNumber",
width: 90,
title: "Part Number"
},
{
field: "ProcurementCode",
width: 90,
title: "Procurement Code"
},
{
width: 100,
field: "Priority"
},
{
field: "Status"
}
]
}
});
</script>


<script type="text/javascript" src="../../Scripts/people.js"></script>
<script type="text/javascript" src="../../Scripts/kendo.web.min.js"></script>
<script type="text/javascript" src="../../Scripts/console.js"></script>
<link href="../../Styles/kendo.common.min.css" rel="stylesheet" />
<link href="../../Styles/kendo.default.min.css" rel="stylesheet" />

Layout page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Styles/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
</head>

<body>

@RenderBody()

</body>
</html>

Controller code I'm trying to call from the view:

public class HomeController : Controller
{
[HttpPost]
public ActionResult GetWorklist()
{
List<Workitem> worklist = PestsLogic.GetWorklist();
return View("Home", worklist);
}
}

GetWorklist() is returning a few items. They are simple object with a few properties. Here's it is:

public class Workitem
{
public string PartNumber { get; set; }
public string ProcurementCode { get; set; }
public int Priority { get; set; }
public string Status { get; set; }
}

Is there anything obvious that I've got hooked up wrong? There are no error messages, just a blank page (with a title, though).

hanks!

Grid

answered on 30 Apr 2012

0 answers

231 views

How to get Total Filtered Record Count

Hi

dsEventsList = new kendo.data.DataSource({

data: JSON.parse(localStorage.getItem("EventsJson")),

filter: { field: "Events_ID", operator: "eq", value: g_Events_ID }

});

//Total Record --> 23

alert(dsEventsList.options.data.length);

How can i get the total filtered record count? In above case it should be 1.

Thanks
Jaydeep

Data Source

asked on 30 Apr 2012

0 answers

50 views

Using Mobile with Web Grid UI Widget

Hi there,

According to an item in this FAQ http://www.kendoui.com/faq/mobile-faq.aspx
Kendo UI web widgets can be used with Kendo UI mobile without any issues however when I try use the Grid widget in a mobile view I get some unexpected behavior for filtering and grouping functionality in the grid.

Here's a jsfiddle of what I have tried: http://jsfiddle.net/rwLCh/3/

Thanks,

Rob

General Discussions

asked on 30 Apr 2012

0 answers

125 views

Refreshing a Tabstrip?

In every Grid master row, I have 2 tabstrips populated when detailInit event happens.

If I click on the next master row, the tabstrip in that row detail doesn't seems to be updated with the new JSON datasource using AJAX.

How do I do that without using the Grid Refresh?

$("XXX").data("kendoGrid").dataSource.read();

Is there a detailRefresh or detailReload event for Kendo Grid?

I have written 2 methods to collapse the previous master row details when the next master row is clicked.

TabStrip (Mobile)

asked on 30 Apr 2012

0 answers

61 views

Using Grid with the Kendo UI Mobile Scroller

Hi There,

I've got a Kendo UI grid inside a Kendo UI mobile scroller and it works great but I was wondering if it would be possible to somehow setup the grid/scroller to only apply to the contents of the grid (The tbody tag) and keep the columns static at the top.

Thanks!
Rob

Grid

asked on 30 Apr 2012

2 answers

1.6K+ views

Editing only certain cells/columns

Hi,

I would like to make my Kendo Grid editable only for a certain cells (depends on a value in them) or only a certain columns (i.e. only the second column in grid). How can I achieve this goal?

Grid

answered on 30 Apr 2012