Questions on Kendo UI for jQuery Forum

7 answers

188 views

Layout issue

Dear Sir,

I use kendo with phonegap / IOS
When I touch any Kendo's input box, then push it up or down, the Main Layout included footer or header will be move up or down together.

Thanks
Jack

General Discussions

answered on 08 Jan 2014

1 answer

511 views

Issue with setting checked state on tree view nodes

Hi,

I have a treeview bound to a hierarchical data source and it all loads fine

var treeview = $("#tree").kendoTreeView({

dataSource: treeData,

dataTextField: "Name",

checkboxes: {

template: "<input type='checkbox' name='checkedFiles[#= item.id #]' value='#= item.id #' #if(item.IsChecked){# checked #}#/>"

},

// listen for item selection

select: function (e) {

// don't let the item be selected

e.preventDefault();

$(':checkbox:first', $(e.node)).click();

}

}).data("kendoTreeView");

The issue is that I am using a template to set the checked flag on the check box if the datasource says the item is checked. The generated HTML shows the checked flag in the correct place for the relevant items, however the checkbox is either not checked, or parent items are checked when I don't want them to be

I think the issue is that on the data source, I am using the requestEndHandler to expand all nodes as per the documentation:

function requestEndHandler() {

setTimeout("expandNodes()");

};

function expandNodes() {

$("#tree").data("kendoTreeView").expand(".k-item");

};

How can I prevent the expanding of the nodes from messing up my check box state setting?

Many thanks

TreeView

answered on 08 Jan 2014

3 answers

59 views

[Solved] Wrong icons in BlackBerry

Hello,

i used follwing code in out layout ...

<footer data-role="footer">

<div data-role="tabstrip">
<a data-icon="search" data-rel="external" href="/Search">Suchen</a>
<a data-icon="recents" data-rel="external" href="/Calendar">Termine</a>
<a data-icon="contacts" data-rel="external" href="/Contacts/MyContacts">meine Aktivitäten</a>
</div>
</footer>

<script type="text/javascript">
// Initialize a new Kendo Mobile Application
var app = new kendo.mobile.Application($(document.body), { platform: "blackberry" }); // ohne Angabe einer Plattform wird das Design automatisch anhand des User-Agents ausgewählt
kendo.culture("de-DE");
</script>

Everything works fine in visual studio.
After publishing the mobile website .... all data-icons use chinese icons.

How do i change the culture of used data-icons ?

Regards

Jürgen Meyer

General Discussions

answered on 08 Jan 2014

1 answer

107 views

Dropdownlist actually supported?

I was wondering if the kendo dropdownlist is supported with the Icenium package of Kendo UI DataViz and Mobile, because the Dropdownlist itself is in Web documentation but it's demoed in the mobile section.

General Discussions

answered on 08 Jan 2014

1 answer

151 views

Passing HTML through JSON

Hi Fellas,

I just encountered another problematic, and it seems pretty simple, but I could not come up with an answer reading the documentation.
I demonstrated the issue here: http://chris1904.webege.com/test2.html
Jane Parker's message includes HTML code, and I would like to have that parsed as HTML as well. How do I pass HTML through JSON?

Thank you for your help,
Chris

ActionSheet

answered on 08 Jan 2014

3 answers

217 views

KendoUI datasource bound with Html table (not grid)

I am using KendoUI web controls with KO binding using knockout-kendo.js in my project. It works like a charm with kendo Grid.

However, at couple of places I want to use Html table whose rows are bound with kendo datasource inside my VM using KO bindings. In other words, I want something similar to ko's foreach binding using kendo datasource.

I referred http://jsfiddle.net/rniemeyer/qtx3J/ as a sample but when I integrate kendo datasource here, it stops working.

var viewModel = ko.observable({
persons: new kendo.data.DataSource({
schema: {
model: { id: "PersonId" },
data: "Data",
total: "Total",
},
transport: {
read: {
url: "/api/PersonApi/Get",
dataType: "json",
},
},
pageSize: 2,
serverPaging: true,
serverSorting: true,
}),
itemTemplate : function (item) { return "view"; },});

Thank you for your help!

Data Source

answered on 08 Jan 2014

10 answers

294 views

Chart doesn't show all series after datasource.read()

Hello,

I've implemented a few charts (stacked bars, stacked areas etc) and encountered the following behaviour:

If you hide the last of three series via legend click, click the same legend item to show series again and then reaload data via datasource.read() and JSON the last series is disabled and therefore hidden (at the time new data was loaded the series was visible!).
Since I did not found a way to explicitly show the series again (after loading data) you have to click another time the legend item to see the series on the chart again.

JS to load new data:
var chart = $("#AverageCountPerDay").data("kendoChart");
        // recalculate value axis range
        chart.options.valueAxis.max = undefined;
        chart.dataSource.read({ groupNumber: "@Model.GroupID", startDate: startDate.value().toJSON(), endDate: endDate.value().toJSON(), granularity: "day" });

Is there a way to fix this problem or an appropriate workaround?

TIA
Dirk

Charts

answered on 08 Jan 2014

1 answer

155 views

[Solved] Download KendoUI with Typescript

Hello Team
Wish you a great year ahead.
We have used KendoUI controls in our last application and have decided to continue with it for this release too. And we would like to use TypeScript this time. Hope KendoUI is available to work with TypeScript too.
We are the premium members here and have the licenses too. Where can we download the typescript-ed KendoUI ?

General Discussions

answered on 08 Jan 2014

5 answers

94 views

Drag & Drop in a Icenium application

I'm using icenium for a mobile aplication using HTML5, JS,CSS and Kendo.
I manage to get it to work but the only problem that I'm having it's in centering the cursor when dragging an object, i.e., when the clone is dragged, the object is diverted. (See tha attached image)
When I user cursorOffset to put the object in the correct position, dragging becomes really slow so it is not an option. Also, editing the clone css also becomes really slow.
In the drag event, I use:

drag: function(e) {

console.log("x: ", e.screenX, "y: ", e.screenY);

}

This returns undefined. When I look to the object "e", the real x and y axis positions are in e.x.screen and e.y.screen. Is there a way to use this positions?

Drag and Drop

answered on 08 Jan 2014

1 answer

109 views

Sorting not working

Hello my sorting is not working at all, no matter what I do. If I look in firebug the json-encoded response shows up but it is not sorted correctly, if I put a breakpoint in the "Get" method the request.Sorts parameter is null. It shows the arrows inside the columns but nothing else happens.

here is the code for the view

@(Html.Kendo().Grid<ModelNewsletter>().Name("NewslettersGrid").Columns(c => {

c.Bound(m => m.Title);

c.Bound(m => m.DateCreated).Format("{0:dd/MM/yyyy}");

c.Bound(m => m.AccommodationName);

}).DataSource( d => d

.Ajax()

.Read(r => r.Action("Get", "Newsletter"))

.PageSize(5)

)

.Pageable()

.Sortable(sb => sb.AllowUnsort(true).SortMode(GridSortMode.SingleColumn))

.ToolBar(toolbar => toolbar.Custom().Action("Create", "Newsletter").Text("Create"))