Questions on Kendo UI for jQuery Forum

3 answers

510 views

Hi,

I want to update the map markers on a click event but I can't find a way of binding them to the markers object:

@(Html.Kendo().Map()
.Name("map")
.Center(51.514198, -0.093100)
.Zoom(15)
.Layers(layers =>
{
layers.Add()
.Type(MapLayerType.Tile)
.UrlTemplateId("http://tile2.opencyclemap.org/transport/#= zoom #/#= x #/#= y #.png")
.Subdomains("a", "b", "c")
.;

layers.Add()
.Type(MapLayerType.Marker)
.DataSource(dataSource => dataSource
.Read(read => read.Action("RefreshChart", "Map").Data("additionalInfo"))
)
.LocationField("LongAndLot")

.TitleField("Title")
.Tooltip(tool => tool.ShowOn(TooltipShowOnEvent.Click).Events(e => e.Show("onClick")));

})
)

Ajax call:

var dataSource = new kendo.data.DataSource({
transport: {
read: function (options) {
$.ajax({
type: "POST",
url: controllerName + '/RefreshChartAjax',
contentType: "application/json; charset=utf-8",
dataType: 'json',
data: JSON.stringify({ country: country, startDate: startDate, endDate: endDate, groupedBy: groupedBy }),
success: function (data) {
options.success(data);
}
});
}
}
});

$("#map").kendoMap({ dataSource: dataSource });?????

How do I bind the dataSource to the Layers/Markers object?

Thanks!

Map

answered on 23 May 2017

3 answers

490 views

Frozen rows

I'd like to be able to freeze some rows into the top and bottom of the scrolling area (so they don't scroll with the other rows). How would you go recommend going about that? I've tried a few different things, but they've all involved a lot of extra work to fix other features of the grid.

Grid

answered on 23 May 2017

3 answers

537 views

[Solved] Expand all rows - progress

Hi,

I use the following Code "grid.expandRow(grid.tbody.find("tr.k-master-row"));" to expand all rows and it works but it takes some time ( a few seconds)

so I thought I use kendo.ui.progress to show the grid progress indicator during the expansion - but this doesn't work...
what I'm doing wrong?
how to show the progress indicator from/in the grid if a longer progress is taken place?
robert

var grid = $("#grdStandort").data("kendoGrid");

kendo.ui.progress($("#grdStandort"), true);

grid.expandRow(grid.tbody.find("tr.k-master-row"));

kendo.ui.progress($("#grdStandort"), false);

Grid

answered on 23 May 2017

3 answers

1.5K+ views

Changing TabStrip Content when Tab is selected

Hi, I am kind of new in Kendo UI for Angular 2 and i wish to call a web service when a Tab is selected so i can fetch data to fill in the Tab Contents.

Is there a way to call or invoke a method when a Tab is selected?

TabStrip

answered on 23 May 2017

5 answers

411 views

Any way to access the number of events for a given day?

I'm attempting to build a template for days in `month` view using view.dayTemplate. The reason I'm doing this is so that I can add a piece of text at the top right of each day showing the number of tasks in that day. Is there a method of accessing the number of events listed for a given day?

Here is my desired template:

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

<span><span data-bind="text: <event-count-here>"></span> Tasks</span>

</script

Scheduler

answered on 23 May 2017

1 answer

548 views

Is kendo.common.css required?

Do we need to use kendo.common.css before kendo.default-v2.css ?

Because when I use them there are many bugs...

Simple example on screenshot.

General Discussions

answered on 23 May 2017

7 answers

867 views

[Solved] grid.setOptions broke columns editor

I've set columns editor for the column "itpt_name" but after grid.setOptions it is broken

Here is the example http://dojo.telerik.com/EjIlI

You need to follow these steps to reproduse

1) Open http://dojo.telerik.com/EjIlI

2) Click "Run"

3) Double click in any Cell in column "Партия" (you can see working custom editor with the broken images, it is normal)

4) Set sorting for the column "Партия"

5) Save state using "Save state" button

6) Ctrl+F5

7) Load saved state

8) Double click in any Cell in column "Партия" (custom editor is broken, it is not normal)

Please advise why custom editor is broken

Grid

answered on 23 May 2017

5 answers

274 views

[Solved] Allow close panel on wide screen

Hello

Is it possible to toggle panel also when visible (wide screen). Running manually close/open is not doing anything. And I would like to be able close (manually) panel, then show it, also on wide screen.

ResponsivePanel

answered on 23 May 2017

1 answer

563 views

defining a Kendo Model in TypeScript

Hi,

I have a TypeScript class that I want to use in a DataSource for the schema.model property but also for initialising objects that are strongly typed in the rest of my TypeScript code. An example of such a class that seems to work is as follows:

export class Person extends kendo.data.Model.define({

id: "id",

fields: {

id: { type: "string" },

firstName: { type: "string" },

lastName: { type: "string" },

age: { type: "number" }

}

}) {

id: string;

firstName: string;

lastName: string;

age: number;

constructor(id?: string, firstName?: string, lastName?: string, age?: number) {

super();

this.id = id;

this.firstName = firstName;

this.lastName = lastName;

this.age = age;

}

However, having the properties defined twice, once for the call to kendo.data.Model.define and then again for the sake of the TypeScript class is not ideal. Is there a better way to do this?

The following would be better if it created the field definitions automatically, but unfortunately it doesn't:

export class Person extends kendo.data.Model {

id: string;

firstName: string;

lastName: string;

age: number;

constructor(id?: string, firstName?: string, lastName?: string, age?: number) {

super();

this.id = id;

this.firstName = firstName;

this.lastName = lastName;

this.age = age;

}

Alternatively, is it possible to move the kendo.data.Model.define() call to inside the constructor?

Thanks

Dean

General Discussions

answered on 22 May 2017

1 answer

376 views

How to extend the custom Date Filter?

Hi, I want to extend the default date column filter with something like "Last x days". User should can put the number of days (X). Is this possible to implement? Where can I find some information about extending filters or creating custom filters?

Grid

answered on 22 May 2017