Questions on Kendo UI for jQuery Forum

2 answers

334 views

[Solved] Chart mouse hover (tooltip) event bubbling.

Hi,

[MVC 4.0 C# + Razor, VS 2015 , Kendo Version: 2016.2.714.545]

I draw scatter (X-Y Plot) chart with lots of data points, Assigned tooltip on each points, which works perfectly fine. But problem is when i draw rectangle on chart tooltip is not working (for obvious reason) for point under rectangle for rest of point it works.

I used kendo.drawing API for drawing rectangle on chart... On Chart Render method. "chart.surface.draw(myPath);"

Drawing object is with opacity 20% , means we can see all points on graph under drawing but as mouse hover event catch by rectangle not by series point tooltip won't appear.

Question: How can pass mouse hover event to series point under drawn rectangle?

Charts

answered on 24 Oct 2016

4 answers

318 views

Use Kendo UI Slider with Angular 2

I have an angular 2 application and I want to use the Kendo UI Slider on it. I tried the Beta version of the "Kendo UI for Angular 2" but it did not work properly and I don't want to use a beta version.

How can I use the normal kendo Slider with Angular 2? I want the slider to have ticks with number tick labels. I am using Visual Studio 2015.

Please help.

Slider

answered on 21 Oct 2016

2 answers

168 views

DataSource Add removing current data

I am trying to test out some ideas for adding data to a dataSource and then updating the local copy for a ListView. There is an API call that runs in the background, and I DON'T want this to be editable within the ListView itself. While trying out some ideas, I looked at the DoJo at the DataSource add method. I have changed the code as follows. I expect to have 2 records and to have Jane Doe appear first. Why is this not the case?
Thanks!

<body>

<p id="num"></p>

<p id="first"></p>

<p id="second"></p>

<script>

var dataSource= new kendo.data.DataSource({

data: [

{ name: "Jane Doe", age: 30 }

]

});

dataSource.add({ name: "John Doe", age: 33 });

dataSource.sync();

var data = dataSource.data();

$('#num').text(data.length); // displays "1"

$('#first').text(data[0].name); // displays "John Doe"

$('#second').text(data[1].name); // gives error

</script>

</body>

Data Source

answered on 21 Oct 2016

4 answers

526 views

Delete a row that has an image on row template grid

Can anyone help me how to delete a row from a row template grid.

I am using this kind of grid http://demos.telerik.com/aspnet-mvc/grid/rowtemplate,

is there an option that i can use with the Batch Editing grid that has a destroy button, that`s because i want to delete a row that has an image.

I will wait for your answers.

Grid

answered on 21 Oct 2016

1 answer

568 views

Export to excel not working - options.names is undefined

Hi,

I am trying to figure out why exporting to excel does not work for me. After some digging into kendo's src code, this is the result of "this.options.name" is undefined - where 'this' is a WorkBook Object. This error is in the public "toDataUrl" function. Attached is the line in which it errors out - and below is the options I have for the grid.

toolbar: ["excel"],
excel: {
allPages: true,
fileName: "Socialie-Stats.xlsx"
},

Thanks!

Grid

answered on 21 Oct 2016

1 answer

205 views

Editor inside popup will not allow resizing of table columns/rows

When an editor is used inside a popup, and you add a table to the editor. You cannot use the mouse to resize the columns/rows of the table.

http://jsbin.com/EveTOTa/3/edit

http://jsbin.com/EveTOTa/4/edit

Editor

answered on 21 Oct 2016

2 answers

1.0K+ views

Extend Kendo.Mvc.UI.DataSourceResult with new property

I want to add an additional UserMessage property to the Kendo.Mvc.UI.DataSourceResult that I can access in the datasource change event on the client. The problem is I cant seem to access or see my new property in the javascript datasource Change event.

I extend the existing Kendo.Mvc.UI.DataSourceResult class as below.

public class KendoDataSourceResult : Kendo.Mvc.UI.DataSourceResult

{

public KendoDataSourceResult(Kendo.Mvc.UI.DataSourceResult dataSourceResult)

{

this.AggregateResults = dataSourceResult.AggregateResults;

this.Data = dataSourceResult.Data;

this.Errors = dataSourceResult.Errors;

this.Total = dataSourceResult.Total;

}

//This is my new Property - I want to be able to access this on the

public string UserMessage { get; set; }

}

In my datasource read method I have the following code which sets my new property.

public ActionResult SearchResults_ReadData([DataSourceRequest]DataSourceRequest request)

{

IEnumerable<MyData> result = GetMyData();

DataSourceResult x = result.ToDataSourceResult(request);

KendoDataSourceResult returnResult = new KendoDataSourceResult(x);

//Set my new property here

returnResult.UserMessage = "My Test User Message<br/>Second line here<br/>Third line here";

return Json(returnResult, JsonRequestBehavior.AllowGet);

}

How do I get the UserMessage property in my javascript Change event?

function datasourceOnChange(e) {

if (e && e.sender) {

var dataSource = e.sender;

//How do I get my UserMessage property ????

var msg = dataSource.UserMessage; //this dosnt work

}

Data Source

answered on 21 Oct 2016

3 answers

816 views

onUpload event doesn't fire

Hi,

I'm trying to upload multiple files, and for each file I need to pass 2 more values: 'Display Name' and 'Description'. I've added two more input boxes to the template for each file and set the process to async, AutoUpload(false) and Batch(False).

On the Upload event I want to pass these two values:

var fileName = .{ get file name};

e.data = { DisplayName: $("#DisplayName_" + fileName).val(), Description: $("#Description_" + fileName).val() };

I drag and drop files, enter names and decs for each of them and I press the 'Upload' button, but onUpload event doesn't fie.

@(Html.Kendo().Upload()

.Name("files")

.TemplateId("fileTemplate")

.Async(a => a

.Save("SaveFile", "Test")

.AutoUpload(false)

.Batch(false))

.Events(events => events

.Upload("onUpload")

))

function onUpload(e) {

alert('onUpload');

}

Upload

answered on 21 Oct 2016

1 answer

278 views

Dropdownlist with specific configuration not working on IE

Hello please take a look a following example:

http://dojo.telerik.com/uZeqU/4

it is showing dropdownlist which not working for following configuration:
animation:false
filter:"contains"
The problem occurs in internet explorer 11.
Dropdownlist is not opening.

Any solution for that?

DropDownList

answered on 21 Oct 2016

1 answer

98 views

Inversed treeview

Hi,

I am wondering if this is possible to create inverted treeview. I want it to expand to the up instead of default direction. See example after expanding the node:

Default:

Parent -

Child +

What I need:

Child +

Parent -

Thank you for your reply.

Rafał

TreeView

answered on 21 Oct 2016