Questions on Kendo UI for jQuery Forum

7 answers

315 views

[Solved] Editor content not shown when inside tabstrip

I have a tabstrip which I am trying to add kendo editors for but when the editor is added to the tabstrip no content is visible. I can see it in the source but not rendered to the screen. If I move the editor out side the tabstrip it works fine.

@(Html.Kendo().TabStrip()

.Name("statusReportTabs")

.Items(ts =>

{

ts.Add().Text("Daily Events")

.Selected(true)

.Content(@<text>

<h5>Yesterday's Events (@(Model.ReportDate.AddDays(-1).ToLongDateString()))</h5>

@(Html.Kendo().EditorFor(x => x.YesterdaysEvents)

.Tools(t => t.FontColor().FontSize())

.HtmlAttributes(new {style="height:100px"})

)

<h5>Today's Events (@Model.ReportDate.ToLongDateString())</h5>

@(Html.Kendo().EditorFor(x => x.TodaysEvents)

.Tools(t => t.FontColor().FontSize())

.HtmlAttributes(new {style="height:100px"})

)

<h5>Tomorrow's Events (@(Model.ReportDate.AddDays(1).ToLongDateString()))</h5>

@(Html.Kendo().EditorFor(x => x.TomorrowsEvents)

.Tools(t => t.FontColor().FontSize())

)

</text>);

ts.Add().Text("Contact Information")

.Content("Contact Info Here");

ts.Add().Text("Concerns")

.Content("Concern Info Here");

})

)

TabStrip

answered on 30 Sep 2014

2 answers

232 views

Kendo Grid and Java Servlet

I am attempting to implement the Kendo Grid with a Java Servlet on the backend.

---------------
I have set up the grid to have a Create Row button.

I can see the grid calling my java code using printlkn statements. But I get that code called multiple times.It is called when:
1) the create popup window starts
2) each time I tab to a new textbox on the create popup window
3) when I press the Update button on the create popup window.

Also, when I press the update button the create popup window is not dismissed.

Does anyone know what I an doing wrong?

Grid

answered on 30 Sep 2014

3 answers

159 views

[Solved] Does Pivot Grid support SSAS translations

Does Pivot Grid / Pivot Grid Configurator support Analysis Server Translations (feature that is present on Enterprise/Dev editions)

At the moment i think its only showing the raw names from the cube... (using xmla, via msmdpump method)

Can you hook into the dimensions, hierarchies, measures and implement the translations...
This might be a useful workaround if SSAS Translations not supported... Also a good workaround as not all customers have Enterprise edition, so the ability to set the caption of dimension, hierarchy, measure etc is quite handy

Cheers

Chris

PivotGrid

answered on 30 Sep 2014

1 answer

391 views

voice Capture

on mobile devices when I choose a text box to enter information I can choose the microphone over typing. this works great. I speak the data
goes into the textbox. the problem is with the autocomplete. typing the search function happens, talking the event is never fired.

any ideas.

thanks Troy

AutoComplete

answered on 30 Sep 2014

3 answers

148 views

Menu popup template

Hi,is there a way to set the the width of the menu popup designed from template to occupy the whole width of the menu or the whole width of the screen

Menu

answered on 30 Sep 2014

1 answer

138 views

Chart Navigator animation

How can I move the navigator slider programmatically??
The navigator returns days and I only want months (working), but I need to 'snap' the navigator to the nearest tick.

navigator: {

seriesDefaults: {

missingValues: "interpolate"

},

series: series,

pane: {

height: 60

},

select: {

from: sliderStartDate,

to: endDate

},

categoryAxis: {

baseUnit: 'months',

baseUnitStep: "auto",

autoBaseUnitSteps: {

months: [1]

},

labels: {

rotation: -30,

step: 1,

font: "8px sans-serif"

}

},

hint: {

format: "{0:MMM yyyy} - {1:MMM yyyy}"

}

},

selectEnd: function () {

var totalChart = $("#total-chart").data('kendoStockChart');

var selectedStartDate = new Date(totalChart._navigator.options.select.from.getFullYear(), totalChart._navigator.options.select.from.getMonth(), 1);

var selectedEndDate = new Date(totalChart._navigator.options.select.to.getFullYear(), totalChart._navigator.options.select.to.getMonth() + 1, 0);

//TODO: figure out how to snap slider to first and last days of months.

renderPage(selectedStartDate, selectedEndDate);

}

For the Above TODO I have tried:

totalChart._navigator.options.select.from = selectedStartDate;

totalChart._navigator.options.select.to = selectedEndDate;

totalChart.resize();

Which does not work.
Any ideas how I can re-render the chart (preferably just the navigation slider) without requesting the remote chart data again??

Thanks,
Chance

Charts

answered on 30 Sep 2014

1 answer

539 views

[Solved] DatePicker MVVM max

How can I set max for datepicker in MVVM. I am getting error:
Uncaught TypeError: Cannot read property 'getFullYear' of null kendo.all.js:21491compare kendo.all.js:21491calendar.views.compare kendo.all.js:21365Widget.extend.navigate kendo.all.js:20601Widget.extend.setOptions kendo.all.js:20480DateView._setOptions kendo.all.js:21727DateView._calendar kendo.all.js:21716DateView.open kendo.all.js:21763DateView.toggle kendo.all.js:21782Widget.extend._click kendo.all.js:22109b.extend.proxy.b.isFunction.i jquery-1.9.1.js:7223b.event.dispatch jquery-1.9.1.js:9593b.event.add.v.handle jquery-1.9.1.js:9273

Test code is here.

DatePicker

answered on 30 Sep 2014

4 answers

509 views

[Solved] Javascript issue setting Grid DataSource -

I am attempting to set the DataSource of a Kendo grid through javascript but i am getting an error:

Unhandled exception at line 11, column 19155 in http://localhost:55135/Scripts/kendo/kendo.all.min.js

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'slice'

i have created my create as below:

<div id="grid">

@(Html.Kendo().Grid(Model.ClientLoans)

.Name("grdResults")

.Columns(columns =>

{

columns.Bound(loan => loan.ClientName);

columns.Template(@<text>@Html.ActionLink(@item.AssetNumber, "ViewDetail", new { clientLoan = @item, id = @item.AssetNumber })</text>).Title("Asset Number");

})

.Pageable()

.Sortable()

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(5)

.Read(read => read.Action("SearchTest","ClientLoanSearch"))

)

</div>

On the click of a search button i execute some javascript to populate the grid:

$("#btnSearch").click(function () {

var searchParameters = GetSearchParameters();

var jsonData = JSON.stringify(searchParameters, null, 2);

$.ajax({

url: '@Url.Content("~/ClientLoanSearch/SearchTest")',

type: 'POST',

data: jsonData,

datatype: 'json',

contentType: 'application/json; charset=utf-8',

success: function (data) {

//debugger;

var results = data;

var dataSource = new kendo.data.DataSource({

data: results

//dataType: "json",

//columns: [

// { field: "ClientHcn", title: "Client HCN" },

// { field: "AssetNumber", title: "Asset Number" }]

});

var grid = $('#grdResults').data('kendoGrid');

grid.setDataSource(dataSource);

//grid.dataSource.read();

},

error: function (request, status, err) {

alert(status);

alert(err);

}

});

return false;

});

It calls an Action on the controller:

[HttpPost]

public ActionResult SearchTest([DataSourceRequest]DataSourceRequest request, ClientLoanSearchModel model)

{

Library.ClientLoanCollection loans = Library.ClientLoanCollection.GetDummyData();

var jsonData = new {loans};

DataSourceResult result = loans.ToDataSourceResult(request);

return Json(result, JsonRequestBehavior.AllowGet);

}

Any help appreciated.

Grid

answered on 30 Sep 2014

3 answers

95 views

Value axis customization

Here is my issue:

I am using step property of value axis to increase or decrease the no. of value axis label according to size of chart.
but i never want to miss the max value in any case, i want whatever the case is the max value will always be there.

how to achieve this.

Charts

answered on 30 Sep 2014

1 answer

171 views

Kendo ui upload widget

Hi,

Using Kendo UI upload widget, how to get the uploaded files in the wcf service operation. Provided the saveUrl option with my wcf method, but not sure how to get the uploaded file details. Still not able to understand purpose of saveField option. I have attached the sample web application that i tried for your reference. Please suggest

Thanks,

Upload

answered on 30 Sep 2014