Questions on Kendo UI for jQuery Forum

1 answer

385 views

I would like to show a custom html hint when dragging items from a treeview, but I cannot figure out how to get it to work. Is there a way to use kendoDraggable with treeview to make this happen?

TreeView

answered on 17 Jun 2013

8 answers

1.8K+ views

Too many options in multiselect

In one of my forms, I have 6 MultiSelect widgets of which all will eventually contain up to 5000 different options (30.000 in total per page), all loaded from a remote datasource.

I noticed that when the MultiSelect is first loaded, it loads all possible options, whether or not you have set a pagesize and set server filtering to true.

With only a few options, this is fine, but with as many as I have, you start to notice a performance issue in the browser (especially on older PC's). I've tried making changes to the server side, limiting the number of results, but then when I try to add options through javascript code, which are not in the current resultset, they will not be added.

For example:

a total of 20 results exist on the server
at any given time, only 10 results are provided to the client, filtered based on the users' input
on initialization, only the first 10 results are loaded
assume you have entered a letter 'x' into the multiselect, this returns 6 results which you can select
now you add a value through the multiselect.value() method, which has an id that is not in the list which contains an x; this will not work as the id does not exist in the current result set, even though it does exist on the server

I've attempted sending the selected values using the parameterMap() method and including those in the returned result set, which works to some extent. But then when I use the multiselect.value() method to add another selection, the change event is not triggered and thus I cannot retrieve the new result set from the server.

Is there another way to achieve what I am trying to do? Or is it possible to manually trigger the updating of the resultset? I've tried using .trigger('change') but that doesn't reload the resultset.

Hoping someone can help!

MultiSelect

answered on 17 Jun 2013

7 answers

963 views

AutoComplete Filter/Drop-Down List Display Issue

I noticed this issue on one of my auto complete sections. If the autocomplete is close to the bottom of the browser window and the user is filtering, the drop-down list will show above the autocomplete field, which, is a nice feature. However, if the user continues to type and narrow down the results, then the drop-down list hangs in the air. (See attached image).

This only happens if the filter area shows above the autocomplete and the user continues to narrow down the search. If the filter area shows below the autocomplete and the user does the same thing this does not happen.

This is more evident if you set choose to set the configuration of the drop-down list to a larger height. (height:500). I was able to reproduce this in Chrome, FF, IE. See attached image, to see it reproduced on the live KendoUI demo.

Any ideas on how to fix this or when I could expect a fix?

Thanks,

Zoran

AutoComplete

answered on 17 Jun 2013

3 answers

351 views

Link multiple series to multiple arrays of data on the same chart.

Hi,

I have a line chart that displays the medications given to a patient. Each medication is represented by a single series. My model contains a list of array (server bind or datasource, doesn’t really matters), each array
represent a medication/series data.

I would like to have something like this:
Series 1 use List[0], Series2 use List[1], Series 3 use List[2],…

I tried to do it but couldn’t find a way to define the value
member to bound to. I thought that maybe this (http://docs.kendoui.com/api/wrappers/aspnet-mvc/Kendo.Mvc.UI.Fluent/ChartSeriesFactory#methods-Line%28System.Collections.IEnumerable%29)
could work, but again, how do you define the value member?

My model is as follows:
MedicationChartEntry –a specific data point (represents a medication taken per day).
MedicationChartData.MedicationEntries – a list/array of MedicationChartEntry items (represents a specific medication given to a patient during a period).
ReDSChartData.Medications – a list/array of MedicationEntries (represent all the medications given to a patient)

public class MedicationChartEntry

{

public string Name { get; set; }

public int VerticalIndex { get; set; }

public float? Dose { get; set; }

public DateTime? Date { get; set; }

public string DateFormatted { get; set; }

public bool HasMarker { get; set; }

}

public class MedicationChartData

{

public string MedicationName { get; set; }

public List<MedicationChartEntry> MedicationEntries { get; set; }

}

public class ReDSChartData

{

public float?[] Fluids { get; set; }

public float?[] Weights { get; set; }

public float?[] BNPs { get; set; }

public string[] Dates { get; set; }

public List<MedicationChartData> Medications { get; set; }

}

I am looking for something like this:

<div class="chart-wrapper">

@(Html.Kendo().Chart<SensibleMedical.EDC.Models.MedicationChartEntry>(Model.ReDSChartData.Medications)

.Name("Medications")

.Title("Medications")

.Legend(legend => legend.Position(ChartLegendPosition.Bottom))

.Series(series =>

{

series

.Line(Model.ReDSChartData.Medications[0].MedicationEntries)

.Color("#0098ee")

.Axis("Dose");

series

.Line(Model.ReDSChartData.Medications[1].MedicationEntries)

.Color("#0098ee")

.Axis("Dose");

})

.CategoryAxis(axis => axis

.Categories(model => model.DateFormatted)

.Labels(labels => labels.Rotation(-45))

)

.ValueAxis(axis => axis

.Numeric("Dose")

.Color("#0098ee")

.Min(0)

.Max(70)

)

</div>

Thank for the help,
Sharon.

Charts

answered on 17 Jun 2013

9 answers

1.2K+ views

preventDefault() in kendo grid not working

e.preventDefault() is not working in requeststart event of kendo grid.any help

Grid

answered on 17 Jun 2013

8 answers

391 views

Bind events in the grid row and details view

I need to bind some events on the grid row and details view. I'm using an observable view model with some events registered and trying to bind them to the DOM using row template and details templates. So far no progress. Here is the jsFiddle http://jsfiddle.net/amGmr/9/ . Is there any possibility to bind events withing the grid using MVVM ?

Grid

answered on 17 Jun 2013

1 answer

378 views

Combine from multiple json url's?

Hello,



Is it possible to have a DataSource read and combine from multiple json files?



Something like:


var ds1 = new kendo.data.DataSource({
    transport: {
        read: [
            { url: function() { return "data/Monday.json"; }, dataType: "json"},
            { url: function() { return "data/Tuesday.json"; }, dataType: "json"} 
            ]
    },

If not, is there an alternative that allows combining DataSources together?

Data Source

answered on 17 Jun 2013

4 answers

154 views

Kendo Grid Edit Popup Issue

Hi, Can any one help me o resolve this small issue.

When I click on edit button the popup will appear. On the edit popup The field "CustomerID" change to dropdownlist and it's being populated with the the other data source. But in some record the First Option become pre-selected while in some other records the pre-selected option is the one which is value of the field before editing. Please see the attach screen shoot for better understanding and code snippet. Looking forward to get a answer.

Grid

answered on 15 Jun 2013

3 answers

261 views

Rebind Parent Grid on deletion of Child Grid Item

Hi,

I currently have a Parent Grid which houses another grid in the Detail View. Each Item in the Detail grid has a "Revenue" column which rolls up into the Parent Item's fields. I'm already using the "grid.dataSource.read()" method to rebind my grid any time a new item is added (shown below). However, I cannot seem to find how to fire this same method after an item in the Detail Grid is Destroyed.

//Update Revenue at Bid Grid

var UpdateRevenueGrid_Bid = function () {

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

grid.dataSource.read();

};

Is it possible to rebind the Parent Grid immediately after Destroy is called on the Detail Grid?

NOTE: I'm running Kendo UI Q1 2013 with Razor

Thanks,
Landon

Grid

answered on 14 Jun 2013

2 answers

580 views

how to conditionally apply row template

Let's say I have two row templates, normal and urgent, and which template is to be applied to the row will depend on the value in the row's {status} field. How and where would the desired template be applied to the row such that when the user groups the grid, the template will travel with the row?

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

<tr class="urgent">

<td> ${name} </td>

<td> ${reasonForCall} </td>

<td> ${status} </td>

</tr>

</script>

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

<tr class="normal">

<td> ${name} </td>

<td> ${reasonForCall} </td>

<td> ${status} </td>