Questions on Kendo UI for jQuery Forum

1 answer

143 views

Sample using asp.net controls with web API or Mvc

Hello,

Have been through couple of demos which use html 5. Do you have samples (KENDO Mobile) which use ASP.NET, Web API or Mvc?

Thank You
Uday

General Discussions

answered on 08 Oct 2013

3 answers

134 views

Drawer not working

I have a strange issue i put the new version of mobile 2013.2.918 and the drawer stop too work.
Even the example doesn't work and the online too.
Am i the only One?
Dario

Drawer (Mobile)

answered on 08 Oct 2013

3 answers

488 views

Replace Kendo template with single JSON data object issue

I using datasource to display some data from API(JSON data) in my kendo template. If i get JSON data as an array, its replacing the template and rendered properly into the template and created right data format. But if i get any single JSON data object(not an array format). It is not replacing the template. Is data source will handle only array format of JSON. See the below code data sample with array and without array format.

Below JSON data its replacing properly into my kendo template.

[{"EmployeeId":"2","EmployeeCode":"ASD","EmployeeName":"ASD","Description":"","CreateDate":"9/13/2013 12:00:00 AM","StatusId":"4","IsActive":"True"}]

But if i get response format like below JSON data, It is not rendering to my kendo template

{"EmployeeId":"2","EmployeeCode":"ASD","EmployeeName":"ASD","Description":"","CreateDate":"9/13/2013 12:00:00 AM","StatusId":"4","IsActive":"True"}

My Kendo template view file

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

<h3 class="item-title">${EmployeeName}</h3>

</script>

My viewModel

getEmployeeDetail: function(id){

var EmpData= new kendo.data.DataSource({

transport: {

read: {

url: "http://127.0.0.1/api/index.php",

dataType: "json",

cache: false

}

},

schema: {

errors: "error"

},

error: function(e) {

utils.hideLoading();

alert("bad request");

}

});

return EmpData;

}

Help me to load single json string data to my kendo template.

General Discussions

answered on 08 Oct 2013

1 answer

131 views

How to render X-axis(Category Axis) at the bottom even if there are -ve values in Y axis?

Hi,

I have negative values in y- axis so chart is rendering as shown in attached screen shot.
How to render x- axis always at the bottom?

Thanks,
Prabhakar Manne

General Discussions

answered on 08 Oct 2013

1 answer

143 views

anchor button fires twice

Hello
anchor button click fires twice, here is my code

1.<div data-role="view" id="drawer-company" data-layout="drawer-layout" data-title="Company">

2. <header data-role="header">

3. <div data-role="navbar">

4. <a data-role="button" data-align="right" data-click="UpdateCompanyDetails_Click">Update</a>

5. </div>

6. </header>

7.</div>

1.function UpdateCompanyDetails_Click(e) {

2. e.preventDefault();

3. alert("Updated");

4. return false;

5.}

Regards

General Discussions

answered on 08 Oct 2013

1 answer

279 views

Datasource Update not triggering

This is my template:

editTemplate: " <tr>\

<td class='name'>\

<input type='text' value='#: PageName #' class='k-textbox small' />\

</td>\

<td class='action'>\

<a href='\\#' class='icon icon-ok k-update-button' title='Save Changes'></a>\

</td>\

<td class='action'>\

<a href='\\#' class='icon icon-remove k-cancel-button' title='Cancel'></a>\

</td>\

</tr>",

When I have firebug open and I click save changes (k-update-button) I get no ajax call...my DS defines it, and the GET\DELETE work fine...any idea what it might be???

favsList.kendoListView({

dataSource: new kendo.data.DataSource({

transport: {

read: {

url: f.baseUrl + $medportal.User.UserName,

dataType: "json",

type: "GET"

},

update: {

url: f.baseUrl + "/Update",

dataType: "json",

type: "PUT"

},

destroy: {

url: function (data) {

var url = f.baseUrl + $medportal.User.UserName + "/" + data.FavouriteID;

return url;

},

dataType: "json",

type: "DELETE"

}

},

batch: false,

pageSize: 10,

schema: {

model: {

id: "FavouriteID",

fields: {

FavouriteID: { editable: false, nullable: true },

Index: { type: "number" },

PageName: { type: "string" },

Url: { type: "string" }

}

}),

template: kendo.template(f.rowTemplate),

editTemplate: kendo.template(f.editTemplate),

remove: function (e) {

var fav = e.model;

if (fav.FavouriteID === f.currentfavoriteid) {

//Reset the Add Button

f.setAddState();

}

}).data("kendoListView");

ListView

answered on 08 Oct 2013

3 answers

165 views

Use gradients or images instead of colors in charts

I'm looking for a way to replace the backgrounds in a bullet chart with gradients or images such as in the attachment.

Charts

answered on 08 Oct 2013

3 answers

194 views

Turn navigation off in header.

I have a grid using a customer filter that is appended to the thead. On a keydown event of the customer filter field, the focus is moved to first data field of the grid. How do I prevent the focus change?

Section of code in question;

var timeout;

var filter = { logic: "and", filters: [] };

var filterRow = $('<tr><td><input type="search" id="programCodeFilter" class="k-textbox" style="width:75px;"></td><td><input type="search" id="lenderProgramNameFilter" class="k-textbox" style="width:75px;"></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>')

detailGrid.data("kendoGrid").thead.append(filterRow);

detailGrid.find("input#programCodeFilter").keydown(function () {

var filterExpr = { field: "ProgramCode", operator: "startswith", value: "" }

var fc = 0;

if (filter.filters.length > 0) {

for (var i = filter.filters.length - 1; i >= 0; i--) {

if (filter.filters[i].field == 'ProgramCode') {

var rmFilter = filter.filters[i];

rmFilter.value = this.value;

fc++;

}

if (fc == 0) {

filter.filters.push(filterExpr);

}

} else {

filterExpr.value = this.value;

filter.filters.push(filterExpr);

}

clearTimeout(timeout);

timeout = setTimeout(function () {

detailGrid.data("kendoGrid").dataSource.filter([filter]);

}, 100);

});

Grid

answered on 08 Oct 2013

1 answer

101 views

Scheduler button

Hi:

I need to know how to put the style of a cancel button when entering an event, right now it is showing as a link. I'm using MVC Razor version:

If you see the attached file, the button "Cerrar" is not showing the style that is supposed to show.

Thanks

Johnny

Scheduler

answered on 08 Oct 2013

1 answer

318 views

Grid column heading does not change

Hi ,

I am totally new to Kendo UI . I was playing with Kendo WEB UI grid and have following code. Trying to change the column heading and for some reason its not working... I am using Json using Web API for datasource.

<!-- here is code --:
<!DOCTYPE html>

<html >
<head>
<title>Kendo UI</title>
<link href="Content/kendo/2013.2.716/kendo.common.min.css" rel="stylesheet" />
<link href="Content/kendo/2013.2.716/kendo.default.min.css" rel="stylesheet" />
<script src="Scripts/jquery-1.9.1.js"></script>
<script src="Scripts/kendo/2013.2.716/kendo.web.min.js"></script>

<script>
$(function () {

$("#employeesGrid").kendoGrid({
dataSource: new kendo.data.DataSource({

transport: {
read: "api/employees"
},
columns: [
{
field: "DOB",
title: "Date Of Birth"
},
{
field: "FirstName",
title: "First Name"
}
],
})
});
});
</script>
</head>
<body>
<div id="employeesGrid"></div>

</body>
</html>

Grid

answered on 08 Oct 2013