Questions on Kendo UI for jQuery Forum

0 answers

156 views

Is it possible to use PUT instead of POST for saving a file into the server (as jquery file upload does)?
If not, would be difficult modify / extend your widget for supporting it? I do prefer using only one framework instead of having to use jquery.upload.js and KendoUI.

Upload

asked on 15 Oct 2012

0 answers

136 views

Missing kendo.data.DataSource.prototype.set

Hi,

I would like to validate this extension of kendo.data.DataSource:

(function () {

if (kendo.data.DataSource.prototype.set == undefined) {

kendo.data.DataSource.prototype.set = function (id, model) {

var idx, length, data = this._flatData(this._data);

for (idx = 0, length = data.length; idx < length; idx++) {

// Found it?

if (data[idx].id == id) {

// Make sure it's model

if (!(model instanceof kendo.data.Model)) {

if (this.reader.model) {

model = new this.reader.model(model);

}

else {

model = new kendo.data.ObservableObject(model);

}

// Update it

data[idx] = model;

this._change();

break;

}

// Not found, add it

if (idx == length) {

this.add(model);

}

})();

Any thoughts or suggestions will be appreciated.

Thx,
Lucian

Data Source

asked on 14 Oct 2012

0 answers

81 views

Posting Grid data

Hi

I am using MVC 4 with a Kendo Grid.

I have created a grid that is the "many" side of a one-to-many data structure. Basically , its the invoice rows part of an invoice. How do I now post back an Invoice with the rows (coming from the grid) to the action method of the controller?

[HttpPost]
public ActionResult Create(Invoice invoice)

Thanks

Grid

asked on 14 Oct 2012

0 answers

151 views

Dynamic series in line chart

Hi all,
I'm writing a dashboard using kendo charts and knockout, but I'm having several problems trying to use dynamic series.
Here you can find a sample what I'm trying to do: http://jsfiddle.net/PeppeDotNet/9SHrk/
Why I can't see anything in the category axis?

Thank you for your help.
Peppe

Charts

asked on 14 Oct 2012

1 answer

97 views

Unresponsive Script - Sudden change ?

Hi Team,

Till shortwhile ago, there was no issues in loading the script.

Now i could see the js error "Unresponsive Script" (screenshot attached). Any idea on why this happens ?

thanks,
Prasad.

TreeView

answered on 14 Oct 2012

0 answers

90 views

Column Value Missing from Datasource Get in IE Only, Works in Safari, FireFox

I need to
1. copy/add an item from 1 dataset to another
2. dynamically pull individual items from dataset with the add item based id

The code below does this and works in safari and firefox. It does not work in IE. IE shows the item but not the value. If I put a default value in the schema, ie shows the default value. The problem appears to be the way the .add is handled in ie. Additionally, when I try to debug dsDrugsDosage in IE, it says binary object and won't let me interrogate it. Any guidance on how to debug this is appreciated.

function getData()

{

item = dsDrugs.get('1');

dsDrugsDosage.add(item);

}

I have a simple button that
Sample Code

<!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></title>

<meta http-equiv="X-UA-Compatible" content="IE=edge">

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

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

<script src="../../content/shared/js/console.js"></script>

<link href="../../../styles/kendo.common.min.css" rel="stylesheet" />

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

<script>

var drugs =

[

{

"id": 1,

"name": "Epinephrine",

"price": 12.00,

"intratracheal": 1,

"category": "CPR",

"categoryid": 1,

"intravenous":2,

"featured": true

},

{

"id": 2,

"name": "Atropine",

"price": 21.00,

"intratracheal": 2,

"category": "CPR",

"categoryid": 1,

"intravenous":4,

"featured": false

},

{

"id": 3,

"name": "Naloxone",

"price": 4.00,

"intratracheal": 5,

"category": "Pain",

"categoryid": 2,

"intravenous": 2,

"featured": false

},

{

"id": 4,

"name": "Lidocaine",

"price": 12.50,

"intratracheal": 33,

"category": "Pain",

"categoryid": 2,

"intravenous": 3,

"featured": false

},

{

"id": 5,

"name": "Valium",

"price": 10.00,

"intratracheal": 4,

"category": "Anesthesia",

"categoryid": 3,

"intravenous": 77,

"featured": false

},

{

"id": 6,

"name": "Magnesium chloride",

"price": 4.00,

"intratracheal": 12,

"category": "ICU",

"categoryid": 2,

"intravenous": 3,

"featured": false

},

{

"id": 7,

"name": "Calcium chloride",

"price": 9.50,

"intratracheal": 13,

"category": "ICU",

"categoryid": 3,

"intravenous": 13,

"featured": false

},

{

"id": 8,

"name": "Glucose",

"price": 6.00,

"intratracheal": 13,

"category": "ICU",

"categoryid": 3,

"intravenous": 3,

"featured": false

},

{

"id": 9,

"name": "Shock volume of fluids",

"price": 17.00,

"intratracheal": 13,

"category": "Fluids",

"categoryid": 4,

"intravenous": 4,

"featured": false

},

{

"id": 10,

"name": "Maintenance volume of fluids",

"price": 7.75,

"intratracheal":13,

"category": "Fluids",

"categoryid": 4,

"intravenous": 44,

"featured": false

}

]

;

var schema = { model: {

id: "id",

fields: {

id: {

//this field will not be editable (default value is true)

editable: false,

// a defaultValue will not be assigned (default value is false)

nullable: true

},

name: {

defaultValue: "Error with Name",

},

intratracheal: {

},

intravenous: {

},

category: {

}

};

var dsDrugs = kendo.data.DataSource.create({

schema: schema,

data: drugs,

group: "category",

error: function () { alert(arguments); }

});

var dsDrugsDosage = kendo.data.DataSource.create({

data: [],

schema: schema,

group: "category",

error: function () { alert(arguments); }

});

dsDrugs.fetch();

function getData()

{

item = dsDrugs.get('1');

dsDrugsDosage.add(item);

}

function dosageResultsViewInit() {

$("#dosageresults-listview").kendoMobileListView({

dataSource: dsDrugsDosage,

template: $("#dosageResultsListViewTemplate").html(),

headerTemplate: "<h2> ${value}</h2>"

});

}

</script>

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

<span class="item-title">${name}</span>

<input class="item-info" type="text" value="#:intravenous#"/>

<input class="details-link" type="text" value =""#:intratracheal#" />

</script>

</head>

<body>

<div data-role="view" id="drugresultsview" data-layout="mobile-view" data-title="Dosage Results"

data-init="dosageResultsViewInit">

<div data-role="header">

<div data-role="navbar">

<span>Dosage Results</span> <a data-role="button" data-align="left" href="#drugcalcview">

Back</a>

</div>

<div class="head">

<a href="javascript:getData()">GetData</a></div>

<div id="drugresultsviewbg" class="k-content">

<ul id="dosageresults-listview">

</ul>

</div>

<script>

window.kendoMobileApplication = new kendo.mobile.Application(document.body);

</script>

</body>

</html>

Data Source

asked on 14 Oct 2012

0 answers

65 views

Delete default value from deopdownlist

Hello
when my data source fill from controller by default select one value fordeopdownlist and i set null for value of deopdownlist i dot want select any value.

$(document).ready(function () {

var baseAddress = window.parent.document.location + "Home/";

var viewModel = kendo.observable({

userDataSource: new kendo.data.DataSource({

transport: {

read: {

url: baseAddress + "GetUsers",

dataType: "json",

}

}),

SelectedRole: null,

SelectedUser: null,

accessValue: null,

Roles: [],

Accesses: [],

});

MVVM

asked on 14 Oct 2012

1 answer

989 views

Grid Data refresh

Hi

I am new to Kendo ui and have created a MVC page with a very simple Grid

@Html.Kendo().Grid(Model).Name("kendoGrid").Columns(columns =>

{

columns.Bound(p=>p.Id).Width(50);

columns.Bound(p => p.name);

columns.Bound(p => p.Date);

columns.Bound(p => p.time);

columns.Command(command => { command.Custom("Details").Text("Details").Action("Edit", "Booking"); }).Width(100);

}).Sortable().Scrollable().DataSource(dataSource => dataSource.Server()

.Model(model => model.Id(p => p.Id))

).HtmlAttributes(new{Style ="height: 100%"})

My question is what is the best way to refresh the grid data every 1min. whiteout reloading the whole page.

Grid

answered on 14 Oct 2012

0 answers

68 views

Attach another dragTarget to nodes in Treeview

Hi,

I'd like to use the treeview, and simultaneously drag and drop elements outside it to the nodes in it.

What I'd like to do is:
1. When manipulating the nodes in the treeview, it acts as the defaults of tree view
2. When dragging the element outside the treeview and drop it in the treeview, it fires my dropTargetOnDrop function.

I have tried the followings:

1. Set the draggable element

$("#draggable").kendoDraggable({group: "list", ....});

2. Set the dropTarget elements

$(".k-in").kendoDropTarget({group: "list", dragEnter: dropTargetOnDragEnter, ...});

The result is the manipulation the nodes in the treeview fires my dropTargetOnDragEnter function.

Could you please give me some advices?

Thanks in advance.

Michio SHIRAISHI

TreeView

asked on 13 Oct 2012

0 answers

57 views

Assign an Axis to Chart Series

Hi ,

I am building a multi-axis chart with data generated from webservice. As a part of the data source, I am grouping data based on a field Category. Here is a sample of the data
Category: Temp, Value: 20
Category:Temp, Value:22
Category:Humidity,Value:45
Category:Humidity:Value:48

I would like to create in the chart two axis one for Temp and other for Humidity. Since the series are created automatically, I would like to know how do I assign Temp Axis to Category 'Temp' and other axis to Category 'Humidity' based on the series name or series array.

Thanks,
Vinayak

General Discussions

asked on 13 Oct 2012