Questions on Kendo UI for jQuery Forum

1 answer

268 views

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

75 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

154 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

249 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

62 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

136 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

76 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.7K+ 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

1 answer

149 views

close window

Hello how can i close the window after click some button into the current window????

thanks,

Window

answered on 30 Apr 2012

1 answer

178 views

Editor is broken.

Ok - so I thought I would give Kendo UI a go. I needed a basic html editor for adding and editing forum posts. Started with the Kendo Editor with THE most basic usage... and hey presto, problems immediately.

<script type="text/javascript">

$(document).ready(function () {

$("#reply").kendoEditor();

});

</script>

<textarea id="reply" rows="10" cols="30" style="width:740px; height="440px">

This is a test to see if the script shows up is the editor.

</textarea>

<button>

Save</button>

The toolbar icons rendering is broken....(they have partly rendered??). I tried a 2 other theme files... same issue. I tried specifying the tools collection directly .. No go.. . For the record, I am using Firefox 11.0 browser and a MVC 4 project with the HTML validation target set to XHTML 5.

Editor

answered on 29 Apr 2012