Questions on Kendo UI for jQuery Forum

5 answers

189 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

64 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

164 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

484 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

668 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

637 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

294 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

565 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

3 answers

2.0K+ views

"Uncaught ReferenceError: sum is not defined" when grouping grid

Dear support

Currently working on a MVC 4 project, I get an error when using a group footer template for a field in a grid:

groupFooterTemplate: "#= sum #"

The above line results in an error

"Uncaught ReferenceError: sum is not defined"

when grouping the grid.

I've included a stand-alone proof-of-concept project. The file "Index.cshtml" contains some comments in line 91 and 99 to highlight the row that procudes the error.

My question is:

Could you please kindly take a look at my attached project and tell me how I should change the code so that the sum is correctly printed in the footer of a cell?

Thanks
Uwe

Grid