Telerik Forums
Kendo UI for jQuery Forum
1 answer
371 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?
Alexander Valchev
Telerik team
 answered on 17 Jun 2013
8 answers
1.7K+ views
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!

Georgi Krustev
Telerik team
 answered on 17 Jun 2013
7 answers
922 views
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
Georgi Krustev
Telerik team
 answered on 17 Jun 2013
3 answers
342 views
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.


Sharon Eden
Top achievements
Rank 1
 answered on 17 Jun 2013
9 answers
1.1K+ views
e.preventDefault() is not working in requeststart event of kendo grid.any help
Rosen
Telerik team
 answered on 17 Jun 2013
8 answers
387 views
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 ?
Rosen
Telerik team
 answered on 17 Jun 2013
1 answer
372 views
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?

Alexander Valchev
Telerik team
 answered on 17 Jun 2013
4 answers
151 views
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.

Ammar
Top achievements
Rank 1
 answered on 15 Jun 2013
3 answers
253 views
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

Landon
Top achievements
Rank 2
 answered on 14 Jun 2013
2 answers
576 views
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>
    </tr>
</script>



Tim R
Top achievements
Rank 1
 answered on 14 Jun 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?