Questions on Kendo UI for jQuery Forum

16 answers

1.6K+ views

Determining which tab was pressed in tabstrip handler

I have tried to figure out how to determine which tab in a tab strip was clicked in a select handler, but no luck so far. I need this in order to close some windows that only should be visible when one of the tabs is open.

Any help will be appreciated.

Thanks/Anker

TabStrip (Mobile)

answered on 18 Jul 2016

1 answer

92 views

Displaying Legend on Top and Bottom

Hi,

I was wondering if there is a way to display the legend in my bar chart both on top and bottom?

Thank you!

Charts

answered on 18 Jul 2016

3 answers

405 views

Custom properties for resources dataSource to bind in groupHeaderTemplate

Hi,

I'm using KendoUI Scheduler and I'm grouping the events by "owner". The entity "owner" has got properties like:

{
name: 'Andrea',
id: '1',
pictureUrl: 'http://someurl.com/someresource'
}

I tried to inject a groupHeaderTemplate like this:

<script id="groupHeaderTemplate" type="text/x-kendo-template">
<strong style="color: red">#=text#</strong>
<img src="#= image#" alt="person" height="50" />
</script>

... initializing the scheduler like this:

$(".scheduler").kendoScheduler({
.
.
.
  resources: [
      {
          field: "owners",
          name: "Owners",
          dataSource: [
              { text: myOwners[0].name, value: myOwners[0].id, image: myOwners[0].pictureUrl},
              { text: myOwners[1].name, value: myOwners[1].id, image: myOwners[1].pictureUrl},
              { text: myOwners[2].name, value: myOwners[2].id, image: myOwners[2].pictureUrl}
          ],
          multiple: true,
          title: "Owners"
      }
  ]
});

Unforunately I get the error:
Uncaught ReferenceError: image is not defined

I've been looking around within the documentation but I didn't find a way to customize the model of the resources schema.
Am I missing something or is it actually impossible to achieve what I'm trying?

Thanks for the support!
Andrea

Scheduler

answered on 18 Jul 2016

1 answer

99 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

588 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

243 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

455 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

86 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