Questions on Kendo UI for jQuery Forum

1 answer

94 views

Can i position 2 charts underneath each other

I'm fairly new to Telerik and I'm trying to create two line charts underneath each other but i dont know how i should do that.

pls help

Fabian

Charts

answered on 18 Jul 2016

8 answers

1.9K+ views

Validation for new record in batch edit grid

With the batch edit grid, what is the best way to handle validation for a new record? The problem I am running into is that I have multiple required fields, but validation only fires in the cells that the user clicks on. Is there a way to force validation for all the cells for any new record or is there some different way to handle this? To reproduce this situation, you can just make the ProductName field the second field in the grid instead of the first in the batch editing demo.

Related to this, what would be the best way to display a message to a user after a save operation fails? I'm using MVC, so I was going to pass a message back in the Json, but is there an opportunity to then do something with the message on the client side?

As always, thanks for your help.

Regards,
Brian

Grid

answered on 17 Jul 2016

1 answer

1.1K+ views

How to show Kendo Tooltips in KendoUI MultiSelect

Hi,

I want to show Kendo tooltips for the selected item in the Kendo UI MultiSelect. Please show me the way to figure out this action.

Thanks.

MultiSelect

answered on 15 Jul 2016

1 answer

581 views

Nested template data binding

Please let me know if I am doing something wrong, or if is 2-way data binding possible in the following example - I am trying to put a checkbox inside of the inner template:

<!DOCTYPE html>

<html>

<head>

<title>KendoUI Test Page</title>

<link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.mobile.all.min.css" rel="stylesheet" />

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>

</head>

<body>

<div id="home" data-role="view" data-init="onInit">

<ul id="list"></ul>

</div>

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

<div>#: foo #</div>

#= kendo.render(kendo.template($("\\#user-template").html()), [user]) #

</script>

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

<div style="color: red;">

<span>#= isDefault#</span>

<span><input type="checkbox" data-bind="checked:isDefault" id="chkTest" /></span>

</div>

</script>

<script>

var app = new kendo.mobile.Application();

function onInit(e) {

$("#list").kendoMobileListView({

dataSource: {

data: [

{foo: "record1", user: { name: "John", age: 23, isDefault: true}},

{foo: "record2", user: { name: "Jane", age: 23, isDefault: false } },

{foo: "record3", user: { name: "Jack", age: 13, isDefault:false } }

]

},

appendOnRefresh: true,

template: $("#item-template").html()

});

}

</script>

</body>

</html>

Templates

answered on 15 Jul 2016

2 answers

231 views

[Solved] Exporting 2 Levels of Details Including Original Grid

I am following the example at http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/excel/detail-grid-export to export data to an Excel spreadsheet. The customer would like 2 levels of details including the overarching information. I am having difficulty creating that second detail line in Excel. It is appearing fine in the HTML grid. It displays the Codes and then the second level is Agencies and then the third level is a list of contacts. The exported Excel document only contains the Codes and the Agencies at the moment. I've attempted creating a second function detailInit(e) and calling that within detailInit(e) but to no avail. If you could point me to the code which needs to be replicated for a third level it would be much appreciated. Included is an example of the 3 tier grid that I am working with.

Grid

answered on 15 Jul 2016

1 answer

448 views

Vertical toolbar? Possible?

I would like to have a vertical toolbar - a buttonbar actually. The buttonbar would be parked along the vertical margin of the page.

Is this possible? I don't see it as a configuration? Where do I begin?

TIA

$("#toolbarMapTools").kendoToolBar({items: [

{ type: "button", id:"legend", imageUrl: "images/icons_black/legend.png", overflow: "never"},

{ type: "button", id:"layers", imageUrl: "images/icons_black/layers.png", overflow: "never"},

{ type: "button", id:"basemap", imageUrl: "images/icons_black/basemap.png", overflow: "never"},

{ type: "button", id:"overview", imageUrl: "images/icons_black/overview.png", overflow: "never"},

{ type: "button", id:"bookmarks", imageUrl: "images/icons_black/bookmarks.png", overflow: "never"},

{ type: "button", id:"measure", imageUrl: "images/icons_black/measure.png", overflow: "never"},

{ type: "button", id:"print", imageUrl: "images/icons_black/print.png", overflow: "never"},

{ type: "button", id:"time", imageUrl: "images/icons_black/time.png", overflow: "never"},

{ type: "button", id:"photos", imageUrl: "images/icons_black/photos.png", overflow: "never"}

],

click: function(e) {

doSomething(e.target[0].id);

}

});

Toolbar

answered on 15 Jul 2016

2 answers

81 views

Impossible to reproduce First Demo Chart ?

Hello,

I can't manage to reproduce or find the demo of your first advertized chart (image link is :http://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/kendo-ui-complete/widget-pages/bar-chart.png?sfvrsn=1)

I would need a linear area throughout the x-axis values using a maxvalue and a minvalue which is not 0.

I hope you can help me.

ANT

Charts

answered on 15 Jul 2016

1 answer

121 views

Grid operations does not reach the server

Hi all!

I have a simple grid which is initially empty (I have autoBind false) and I fill it afterwards with the following:

grid.setDataSource(values);

grid.dataSource.read();

this is working fine so far, and the grid reflects the data. The issue comes when trying to do some server-side operation, like sorting or editing data. When I click on the 'Save Changes' button, or try to sort on column, nothing happens, the controller is not reached. What am I doing wrong? Here is my grid:

$(this.sharpID).kendoGrid({

dataSource: {

transport: {

read: {

url: "training/Read",

dataType: "jsonp"

},

update: {

url: "training/Update",

dataType: "jsonp"

},

destroy: {

url: "/training/Destroy",

dataType: "jsonp"

},

create: {

url: "/training/Create",

dataType: "jsonp"

}

},

batch: true,

schema: {

model: {

id: "ITEM",

fields: {

"ITEM": { editable: true },

"AREA": { editable: false },

"YEAR": { editable: false },

"MONTH": { editable: false },

"DAY": { editable: false },

"QTY": { editable: true }

}

},

editable: true,

autoBind: false,

columns: structure.columns,

toolbar: ["save","cancel"],

sortable: {

mode: "multiple"

},

});

Thanks in advance.

grid.setDataSource(values);

grid.dataSource.read();

Grid

answered on 15 Jul 2016

1 answer

516 views

Data bind text vs html

Hi All,

If I return a blank or missing value as .property = '' (empty string) and use <span data-bind="text: property">, the span is skipped and causes layout issues. The worst being that an entire header, complete with navigation buttons, fails to show.

As an alternative, I was returning '.' (a dot rather than empty string) but this looks ugly. Finally, I am returning ' '. This required a change to <span data-bind=": property">. All is now displaying great.

I am wondering about the implications and risks of binding to rather than text. I guess the main risk is of HTML injection. Should I be worried? Is there an alternative way?

TIA,

David

General Discussions

answered on 15 Jul 2016

23 answers

594 views

Localize scheduler view, messages and popup window texts

Hello,

I am using kendo.culture("de-DE") but Looks like Work Week is still in english. When the Editor Pop up Windows Comes up and i try to edit/add recurring Event , the controls are all messed up and text overlapped by control.

is there a way to localize in mvc razor like this JSbin sample
http://jsbin.com/edajuh/1/edit

Thanks

Anamika

Scheduler

answered on 15 Jul 2016