Questions on Kendo UI for jQuery Forum

7 answers

1.0K+ 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

367 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

409 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

388 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

159 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

301 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

588 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>

</tr>

</script>

Grid

answered on 14 Jun 2013

3 answers

235 views

MVVM Grid and toolbar

I have an kendo.Grid that is using initializing from JSON (MVVM paradigm). It all works fine until made it editable and added a toolbar. The destroy functions are working just fine.

But the SaveChanges in the toolbar does not seem to do anything. Why do I say that? Because if I hit [Cancel Changes] button in the toolbar, all rows are deleted, and I am left with an empty Grid (only headers).

<div id="layerTable"

class="Part"

data-role="grid"

data-column-menu="true"

data-filterable="true"

data-sortable="true"

data-scrollable="false"

data-resizable="true"

data-reorderable="true"

data-groupable="true"

data-editable="{confirmation: false}"

data-bind="source: LayerTable"

data-toolbar='["save","cancel"]'

data-columns='[

"Class",

"Type",

"FileCount",

{field: "Size",

format: "{0:n3} MB",

},

{field: "Date",

format: "{0:F}" },

"Path",

{command: "destroy"},

]'>

</div>

Grid

answered on 14 Jun 2013

2 answers

159 views

Unable to login to account using Chrome

I noticed that the login page for this site does not respond to pressing the Login button when using Chrome. I logged in with Firefox to post this.

The reason seems to be due to a failure to load script resources from https://ajax.microsoft.com/ajax/4.0/2/... (screenshot attached).

When testing by loading https://ajax.microsoft.com/ajax/4.0/2/WebUIValidation.js directly, it returns error 324 (net:: ERR_EMPTY_RESPONSE) in Chrome, but loads fine in FireFox. Odd.

You may want to consider using local resources to avoid the dependency on the Microsoft server.

Regards,
Gary

General Discussions

answered on 14 Jun 2013