Questions on Kendo UI for jQuery Forum

1 answer

173 views

Scheduler full height on real mobile devices

Can I make my scheduler view to be full height in every view - Day, Week and Month. I done this for web browsers via css, but for real mobile device this doesn't work. This is my code for scheduler.
$scope.schedulerOptions = {
        views: [
            { type: "day", selected: true },
            "week",
            "month"
        ],
        height: kendo.support.mobileOS.wp ? "28em" : "600",
        mobile: true,
        showWorkHours: false,
        edit: function (e) {
            // add recurrence editor label
            // hide both label and editor
            var editor = e.container.find("[data-container-for=recurrenceRule]");
            var timezone = e.container.find("[data-container-for=timezone]");
            editor.add(editor.prev()).hide();
            timezone.add(timezone.prev()).hide();
        },

Scheduler

answered on 29 Jan 2015

3 answers

244 views

Having issues manually adding data to remote data source

I am trying to manually add data to a remote data source. I can add the data and then have the value selected, but the data doesn't seem to sync up.

$('#idhere').data('kendoMultiSelect').dataSource.add({
id: 'id',
value: 'value'
});
$('#idhere').data('kendoMultiSelect').dataSource.sync();
$('#idhere').data('kendoMultiSelect').value('id');

I can see the value in the multiselect, but when I click the x to delete the item from the multiselect I get an error in the console that says: "Uncaught TypeError: Cannot read property 'id' of undefined"

When I break in the code at the line where I call the value() function and check the data source by doing:
$('#idhere').data('kendoMultiSelect').dataSource I can see the value, but when I continue the debugger, a few seconds later when I do the same query I don't see any values in the datasource from the same query.

It looks like someone else is having the same problem that I am: https://stackoverflow.com/questions/27561844/adding-data-after-initialization-of-kendo-ui-multiselect

MultiSelect

answered on 29 Jan 2015

1 answer

2.4K+ views

Change Width of the dropdown list in a multiselect

Hi,

The width of the dropdown list which appears when you click on the Kendo MultiSelect control is the same width as the multiselect control itself.
Is there a way to increase the dropdown width so items which are longer can be displayed on the same line?
A method in CSS would do if there are no attributes/properties in the MultiSelect control.

Thanks,

Shuja

MultiSelect

answered on 29 Jan 2015

8 answers

1.4K+ views

Grid saving user configuration

Hi guys.

Is it possible to save a users grid configuration? so I would need to save what's grouped and the sort value and anything else that's been set.

cheers.
ste.

Grid

answered on 29 Jan 2015

1 answer

863 views

DatePicker/DateTimePicker events not working in AngularJS

According to this link I should be able to bind to events using AngularJS: http://docs.telerik.com/kendo-ui/AngularJS/introduction

In the code I have below, the combo-box calls the event as expected but the date-time-picker does not:

<div ng-controller="OverviewCtrl as oc">

<select kendo-combo-box id="recentActivityFrequency" ng-model="oc.frequency"

k-on-change="oc.setCustom(kendoEvent)"

style="width: 100px;">

<option value="hourly">Hourly</option>

<option value="daily">Daily</option>

<option value="monthly">Monthly</option>

</select>

<input kendo-date-time-picker k-ng-model="oc.start" ng-show="oc.frequency == 'hourly'"

k-on-change="oc.setCustom(kendoEvent)"

k-on-open="oc.setCustom(kendoEvent)" k-on-close="oc.setCustom(kendoEvent)"

k-format="'MMM d yyyy h tt'" k-interval="60" />

</div>

DatePicker

answered on 28 Jan 2015

1 answer

426 views

How to bind the SelectedItems of a ListView to a ViewModel?

I am using the following List view MVVM sample as the base for my code, but am trying to combine it with the selection feature of the ListView.

One thing i could not achieve is the binding of the SelectedItems to an array in the ViewModel. i could kind of "hack" through this programmatically via the change event, but that's not enough for scenarios where i'd like certain items to be selected on loading of the widget. so i'm looking for a "right" way to this and to bind the selected items of the listview to a view model.

Can you provide an example for doing this?

Thank you.

MVVM

answered on 28 Jan 2015

1 answer

152 views

Small layout glitch with DatePicker and Bootstrap

Hi,

I've found a small layout glitch with the DatePicker and Bootstrap where the calendar's header columns (day names) are aligned to the left by bootstrap.

This can be fixed by adding the following style:

.k-calendar th {
text-align: center;
}

Kindest regards,
Holger

DatePicker

answered on 28 Jan 2015

3 answers

1.0K+ views

DataSource parameterMap example

Hello.
I need to convert kendo sorting and filtering parameters like this:

Instead of this parameters:
sort[0][field] = title
sort[0][dir] = asc
sort[1][field] = description
sort[1][dir] = asc

I need single orderBy parameter like this:
orderBy = title asc, description desc

Can you show me how can I get this?

$(document).ready(function () {

convertSort = function (sort) {

//TODO: Convert sorting parameters.

};

$("#grid").kendoGrid({

dataSource: {

type: "json",

transport: {

read: "Read",

parameterMap: function (options) {

return {

page: options.page,

pageSize: options.pageSize,

orderBy: convertSort(options.sort)

}

},

schema: {

data: "Items",

total: "Total"

},

pageSize: 5,

serverPaging: true,

serverFiltering: false,

serverGrouping: false,

serverSorting: true

},

pageable: true,

filterable: false,

groupable: false,

sortable: {

mode: "multiple",

allowUnsort: true

},

columns: [

{ field: "Name", title: "Naziv" },

{ field: "Title", title: "Naslov" },

{ field: "Description", title: "Opis" }

]

});

Data Source

answered on 28 Jan 2015

1 answer

140 views

Copy of grid.html() for print

Hi

I am trying to draw out the complete grid to a popup and then calling the print function so that the user can print the complete grid.

The only thing that does not work is that the actual copy of the html element seems to miss some css. (I can properly resize the grid etc.)

I am sure it is easy for you to spot in my example what css I am missing? I tried copy pasting the css part of one of the demos but that did not have any effect.

http://jsfiddle.net/74ztbo7g/

Cheers

Grid

answered on 28 Jan 2015

2 answers

159 views

[Solved] Cannot read property 'connections' of undefined

Hello,

I am having an issue with the diagram that occurs when I try to set the connectors property on the ShapeOptions for a new Shape.
I only want to show the left and right connectors which works fine, however if I do not release the connector exactly on top of the connector handle I receive the error: Cannot read property 'connections' of undefined. If I do not set the connectors property releasing the connector anywhere on the shape will cause the diagram to map it to the best path as expected.
I have created a sample in the Dojo: http://dojo.telerik.com/iREkA/8

Thanks

Diagram

answered on 28 Jan 2015