Questions on Kendo UI for jQuery Forum

3 answers

81 views

iOS native select stays active after navigating to previous screen using back button

When running on iOS when you have a series of select inputs and you activate one having the native select widget appear on the bottom. When you hit back navigation button and the view goes backwards the native select widget stays active and on top.

This does not happen with input fields.

I am running the latest public build.

General Discussions

answered on 16 Apr 2014

1 answer

169 views

Adding row after grid sort results in undefined

If I add a grid row and save it, it works. If I have sorted the column first and then add a row upon saving it shows the data as "undefined". Is there something wrong with my grid configuration?

Here's a link to an example: http://trykendoui.telerik.com/OnUm

Grid

answered on 16 Apr 2014

1 answer

249 views

TabStrip Content template

Is it possible to have a TabStrip widget render content using a template?
The goal here is to have something of a client card. For each card I want a tab with the Name. The content should be based on a template. I want to create an event that would allow the user to add a new item to the model and have that reflected by the tab strip[New tab, with items content rendered using the template]

Sample Data:

[{ Name: "Program 1", selectedClient: null, clients: clients},

{ Name: "Program 2", selectedClient: null, clients: clients},

{ Name: "Program 3", selectedClient: null, clients: clients}]

<div id="tabStrip" data-role="tabstrip"

data-bind="source: myModel"

data-text-field="Name"data-content-field="myTemplate">

</div>

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

<div>

<div class="window-row">

<div class="form-label">Client:</div>

<div id="clientDropDown" data-role="combobox"

data-filter="contains"

data-bind="value: selectedClient, source: clients"

data-text-field="Name"

data-value-field="Id"

data-min-length="3" />

</div>

</script>

General Discussions

answered on 16 Apr 2014

2 answers

231 views

Problem getting multiselect values to the controller

Hello,

I'm using a multiselect and i have a problem returning the value of the multiselect to the controller while using a ajax call.

@(Html.Kendo().MultiSelect()

.Name("BaPaymentMachine")

.Placeholder("Please choose BA")

.DataTextField("Id")

.DataValueField("Id")

.DataSource(ds => ds.Read("GetAllBaPayment", "Report"))

.HtmlAttributes(new { @style = "width:200px;" }))

Model

public class SearchViewModel

{

public List<string> BaPaymentMachine { get; set; }

}

Controller

[HttpGet]

[OutputCache(Duration = 0)]

public ActionResult _GetReportPartial(SearchViewModel model)

{

do stuff to model

return PartialView(model);

}

Ajax call

var ba = $("#BaPaymentMachine").val();

alert("ba:" + ba);

$.ajax({

type: "GET",

url: '@Url.Action("_GetReportPartial", "Report")',

data: { BaPaymentMachine: ba },

cache: false,

success: function (data) {

var newBox = "<div id='reportmap' class='width:100%'>" + data + "</div>";

$("#result").html(newBox);

$(".loaderrepport").fadeOut("slow");

},

error: function () {

showerror("There was a problem getting the values, please try again.");

$(".loaderrepport").fadeOut("slow");

}

});

If i run this with an empty multiselect i get an empty string, but with values it returns null in the controller. Also the alert before the ajax call returns all the values perfectly, the version that i'm currently using 2013.3.1119.545

MultiSelect

answered on 16 Apr 2014

0 answers

211 views

Yearly Calendar View Sample

Hi All,

Just thought that i would help anyone else out struggling to replicate a yearly view of the kendo Calendar (12 instances of the calendar on the same page with a year picker).

I've implemented a couple of additional features including opening a kendoui window on select, JSON data binding and a couple of other things.

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

Cheers,
Jonathan

Calendar

asked on 16 Apr 2014

6 answers

312 views

MVC Gird Master/Detail - How-to when all hierarchical data is in the Model already.

I am using MVC Grid to create a Master/Detail Grid.

Model.Customers, each Customer has an Orders collection (Master/Detail)

The Master Gird binds to Customers fine, but how do I tell the detail grid for each row in the master that the data is in the grid. I'm missing the linkage between the two.

The Kendo Demos have the grid going to the server each time the user clicks the Master row, but I have the data already in the Model so just need an example on how to bind it all up.

Grid

answered on 15 Apr 2014

1 answer

131 views

TabStrip is not hiding previously selected tabs content

http://trykendoui.telerik.com/@malcolm.clarke@qlinesolutions.com/omoM/12

When selecting a tab to the left of the currently selected tab, both tabs contents are being rendered.
This is cumulative if you keep moving to tabs to the left.

If this a bug or have I made a mistake?

General Discussions

answered on 15 Apr 2014

0 answers

99 views

Pass data to controller on refresh.

I am trying to pass data to the controller using MVC wrappers. But data not being send, controller is executing but data is not passed. am I doing things correctly?
Thanks

var chart = $("#SalesChart").data("kendoChart");chart.refresh({ data: { "FromDate": $("#FromDate").data("kendoDatePicker").value(), "ToDate": $("#ToDate").data("kendoDatePicker").value() }});

Function GetSalesByDate(salesByDate As BO.Models.Statistics.SalesByDate) As JsonResult

Return Json(BO.Factory.Statistics.GetSalesByDateData(BO.Factory.Statistics.GetSalesByDate))

End Function

@code

Dim SalesChart As Kendo.Mvc.UI.Chart(Of BO.Models.Statistics.SalesTimeSpan) = _

Html.Kendo.Chart(Of BO.Models.Statistics.SalesTimeSpan).Legend(False).

Name("SalesChart").Title("Units sold").Series(Sub(series)

series.Line(Function(model) model.Value, categoryExpression:=Function(model) model.Period).

Aggregate(ChartSeriesAggregate.Avg)

End Sub).

CategoryAxis(Function(axis) axis.Date().BaseUnit(ChartAxisBaseUnit.Days)).

DataSource(Function(ds) ds.Read(Function(read) read.Action("getsalesbydate", "statistics", New With {.area = String.Empty})))

SalesChart.Render()

End Code

Charts

asked on 15 Apr 2014

1 answer

99 views

Autocomplite with list

Does anybody have any idea why the autocompile not working?

Here my js code:

var list = [];

$.post('get_all_teaor', function(data){

$.each($.parseJSON(data), function() {

list.push("(" + String(this.id) + ") " + String(this.teaor_name) + "|");

});

$("#business_branch").focus(function() {

$(".foo").html(list);

console.log(typeof(list));

console.log(list.length);

$('#business_branch').kendoAutoComplete({

dataSource: list,

placeholder: "Kérem várjon ..."

});

It didnt show anything, but the list is not empty.

AutoComplete

answered on 15 Apr 2014

1 answer

110 views

'Partial' adaptive rendering

Hello
My site is using bootstrap responsive layout so, grid doesn't have vertical scroll. The grid always resizing down automatically (I have minimum height set). So grid has always some space visible.

I like very much how adaptive rendering is working for column menu.

I would like to use adaptive rendering column menu with vertical scroll less grid. So grid would behave normally like without adaptive rendering, but column menu, column resizing, would bavahave like in adaptive rendering.

Is that solution possible?

Kind Regards
Marcin

Grid

answered on 15 Apr 2014