Questions on Kendo UI for jQuery Forum

3 answers

227 views

Recurring event with timezone shown incorrect after remove an exception

I try to use the scheduler with timezone.

For example, I ajdusted "Africa/Nairobi" (GMT+03:00 Nairobi) timezone for the scheduler.
I'm creating a daily recurring event with timezone "America/Sao_Paulo" (GMT-03:00 Brasilia) at 1:00 PM. And create an exception for this series, just changing description.
The series and exception shown correctly on the scheduler at 7:00 PM.
After I removed the exception, the series moved and shown at 1:00 PM on the scheduler.

I tried to use setting "timezone" of datasource to set "Africa/Nairobi" and tried adjust currentTimeMarker property but it is not help.

I can to reproduce it on the http://dojo.telerik.com. Just open http://demos.telerik.com/kendo-ui/scheduler/index and click on "Edit This Example" and just change timezone to "Africa/Nairobi" in the code.

Scheduler

answered on 15 Jun 2015

6 answers

244 views

[Solved] template for alternating row in mvvm

How does one bind the alternating row template in mvvm.
Can't seem to find a declarative way to do it
Its not data-alt-row-template and its not data-row-alt-template
What am I overlooking.

<script id="AlertViewTemplate" type="x-kendo-template">

<div data-role="grid" id="gridAlerts"

data-scrollable="true"

data-row-template="AlertRowTemplate"

data-alt-row-template="AlertAltRowTemplate"

data-columns="[

{ field: 'idradio', title: 'Radio ID' },

{ field: 'idthing', title: 'FCI Serial#' },

{ field: 'typealertdescription', title: 'Alert' },

{ field: 'clearactiondescription', title: 'Status' },

{ field: 'datecreated', title: 'Date Logged' },

{ field: 'datecleared', title: 'Date Cleared' }

]"

data-bind="source: Alerts, visible: isVisible"

>

</div>

</script>

<script id="AlertAltRowTemplate" type="text/x-kendo-tmpl">

<tr>

<td></td>

</tr>

</script>

<script id="AlertRowTemplate" type="text/x-kendo-tmpl">

<tr>

<td>${idradio}</td>

<td></td>

</tr>

</script>

Grid

answered on 15 Jun 2015

5 answers

191 views

Grid & TreeView display not normaly under Microsoft Web Browser

Grid & TreeView display not normaly under QT Web Browser.

Grid: th header column mismatch with tr content column。Look the Attack file 1.

In IE8 display ok. Look attack file. The following is my grid javascript code:

that.options.grid = $("#" + GRID_ID).kendoGrid({

dataSource: {

transport: {

read: {

url: CONTEXT_PATH + "/api/log/all",

dataType: "json",

data: function(){

var paramJson = that.options.viewModel.toJSON();

paramJson["startTime"] = kendo.toString( that.options.viewModel.get( "startTime" ), "yyyy-MM-dd HH:mm:ss");

paramJson["endTime"] = kendo.toString( that.options.viewModel.get( "endTime" ), "yyyy-MM-dd HH:mm:ss");

return paramJson;

},

cache: false

}

},

pageSize: 50,

serverPaging: true,

serverFiltering: true,

schema: {

data: function (d) { return d.data; },

total: function (d) { return d.count; }

}

},

height: gridHeight,

pageable: true,

detailTemplate: kendo.template($("#detailRowTemplate").html()),

dataBound: onRowDataBound,

selectable: "multiple",

change: onChange,

resizable: true,

columns: [

{

field: "time",

width: 150,

title: "时间"

},

{

field: "appName",

width: 80,

title: "应用"

},

{

field: "moduleName",

width: 80,

title: "模块"

},

{

field: "type",

width: 80,

title: "类型"

},

{

field: "ip",

width: 100,

title: "IP地址"

},

{

field: "level",

width: 80,

title: "级别",

template: kendo.template($("#levelTemplate").html())

},

{

field: "logger",

width: 240,

title: "日志类"

},

{

field: "msg",

width: 300,

title: "内容"

}

]

}).data("kendoGrid");

If the grid not use detailTemplate attribute , it displays ok under Microsoft Web Browser.

TreeView:

1. TreeItem text displays not hidden under vertical scrollbar.

$("#unitTree").kendoTreeView({

template: treeTemplate(),

dataSource: this.createTreeDataSource(response),

dataTextField: "text",

select: function (e) {

var dataItem = this.dataItem(e.node);

if (dataItem.get("hasChildren")) {

self.currentUnitCode = dataItem.get("id");

self.loadStatisticData({unitCode: self.currentUnitCode});

}

},

expand: function (e) {

var dataItem = this.dataItem(e.node);

if (dataItem.get("hasChildren")) {

dataItem.set("imageUrl", "../avatar/maintenance/common/images/tree-image-expand.png");

self.currentUnitCode = dataItem.get("id");

self.loadStatisticData({"unitCode": self.currentUnitCode});

}

},

collapse: function (e) {

var dataItem = this.dataItem(e.node);

dataItem.set("imageUrl", "../avatar/maintenance/common/images/tree-image-collapse.png");

}

});

function treeTemplate() {

return

"#= item.text # [<span> #= item.defObj.deviTotalNum # | </span><span class='blue'> #= item.defObj.deviNormalNum #, </span>"

+

"<span class='yellow'> #= item.defObj.deviFaultNum #, </span><span class='red'> #= item.defObj.deviOffLineNum # </span> ]"

;

}

2. TreeView displays overflow parent cantanier bottom line.

Grid

answered on 15 Jun 2015

1 answer

71 views

Grid data grouping "visual feedback" to user

I'm trying to display a spinner on the grid while the data is GROUPING, sou the user do not think the system is frozen or with some sort of problem... The problem I'm facing is that I'm trying to use the dataBinding Event but the spinner is only shown when the data FINISHES grouping... not when it starts... while it is actually grouping, the grid appears to be frozen, which may confuse users....

Are there any solutions to this?

Thank you!

Grid

answered on 15 Jun 2015

3 answers

169 views

Using Chunk with 1 chunkCount

Hi,

I have a screen with multiple progress bars, all using Chunk types. These are created in the code behind as I wouldn't know the values.

It all works ok apart from if the chunkCount is 1. the progress bar looses its sizing and doesn't look right.

I tried on the demo site and it does the same thing. Is this a bug or is there a way around it?

I know it makes sense to use the type value if its only 1 chunk but as its created from the code behind I would like to keep all the bars the same.

Thanks

Tej

ProgressBar

answered on 15 Jun 2015

3 answers

490 views

Localization messages it-IT not working

I'm using the js message files bundled in Kendo UI v2015.1.429 and changing them dynamically

I'm currently using:

- kendo.messages.de-DE.min.js

- kendo.messages.en-US.min.js

- kendo.messages.es-ES.min.js

- kendo.messages.fr-FR.min.js

- kendo.messages.it-IT.min.js

- kendo.messages.ru-RU.min.js

Everything works fine, except for kendo.messages.it-IT.min.js that does not update the UI and this is obviously my own native language :)

Can you please check if there is any issue with it? I've also tried the updated once on github but no way.

Thanks,

Enrico

Globalization

answered on 15 Jun 2015

12 answers

681 views

Compilation error for kendo.all.d.ts and jquery.d.ts 2.2.3

After upgraded to version 2.2.3, jquery.d.ts failed to compile and throw this error in my VS2013 with TypeScript tool 1.4:

Error 545 Interface 'JQueryPromise' incorrectly extends interface 'JQueryGenericPromise'.
Types of property 'then' are incompatible.
Type '(doneCallbacks: any, failCallbacks: any, progressCallbacks?: any) => JQueryPromise' is not assignable to type '{ (doneFilter: (value?: T, ...values: any[]) => U | JQueryPromise, failFilter?: (...reasons...'.
Type 'JQueryPromise' is not assignable to type 'JQueryPromise'.
Type 'T' is not assignable to type 'void'. X:\Web\Scripts\typings\jquery\jquery.d.ts @ Lines: 304 Column: 11Use Package Management Console reinstall version 2.2.2, it works fine.

Then I found that the issue happened only when using Kendo UI's TypeScript definition, kendo.all.d.ts, with jQuery definition 2.2.3, but I am not sure which definition should be modified. I have reported it on Github, but I think Kendo team can help.

Here is a simple project to reproduce the issue: https://www.dropbox.com/s/qfemleptefy5stp/JQTSTest.zip?dl=0

General Discussions

answered on 15 Jun 2015

4 answers

649 views

Set width to 100% for each event in day view

Hello

Currently, the width of an event rectangle seems to be set to about 90% of the width of the containing column. For example in this example

http://demos.telerik.com/kendo-ui/scheduler/index

in the day view, the red event rectangle doesn't occupy the full width of a day column. How to set it to the full 100% width?

Regards,

Pawel

Scheduler

answered on 15 Jun 2015

4 answers

302 views

[Solved] Dropdown list seleced value getting trimmed

Hi,

I having a drop down list binding values as below

@(Html.Kendo().DropDownList()
.Name("Country")
.BindTo(new SelectList(Model.CountryList, "Value", "Text"))
.DataTextField("Text")
.DataValueField("Value")

But the selected value or any selection is showing as "Am..." instead of "America". If the selection is "All" then the value is showing properly in drop down.

DropDownList

answered on 15 Jun 2015

4 answers

568 views

[Solved] Dropdown list flicker first time

Hi,

Drop down list flicker on first click, and pop up opens and closes fast. But on second click it works fine.

Problem having in IE 11 only...

@(Html.Kendo().DropDownList()
.Name("Country")
.BindTo(new SelectList(Model.CountryList, "Value", "Text"))
.DataTextField("Text")
.DataValueField("Value")

order of scripts and styles
<link href="~/Content/themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link href="~/Content/Main.css" rel="stylesheet" />
<link href="~/Content/kendo/kendo.common.min.css" rel="stylesheet"/>
<link href="~/Content/kendo/kendo.rtl.min.css" rel="stylesheet" />
<link href="~/Content/kendo/kendo.default.min.css" rel="stylesheet" />
<link href="~/Content/kendo/kendo.dataviz.min.css" rel="stylesheet" />
<link href="~/Content/kendo/kendo.dataviz.default.min.css" rel="stylesheet"/>
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/modernizr.js"></script>
<script src="~/Scripts/kendo/kendo.all.min.js"></script>
<script src="~/Scripts/kendo/kendo.aspnetmvc.min.js"></script>

DropDownList

answered on 15 Jun 2015