Questions on Kendo UI for jQuery Forum

2 answers

2.1K+ views

jQuery 3.0

Hi,

May I know is current official release of Kendo UI compatible with jQuery 3.0 final? If no, then is that any plan/timeline to make it compatible?

Thank you.

General Discussions

answered on 03 Jul 2016

3 answers

193 views

Dropdown issue/questions

I have an angular directive that wraps a virtual kendo ui dropdown. The issue i'm having is that even though i am setting the dataValueField when i select an dropdown item the k-ng-model bound field is set to the entire item object rather than the property of the object specified by the dataValueField. Not sure what i'm doing wrong.

var selectDataSource = new kendo.data.DataSource({

transport: {

read: function(options) {

var currentPage = getItemPage(options.data.skip, options.data.take);

options.success(currentPage);

}

},

schema: {

data: "currentPage",

total: "total"

},

pageSize: pageSize,

serverPaging: true // enable serverPaging so take and skip are sent as

});

//setup the dropdown options object

scope.dropDownListOptions = {

dataTextField: scope.textField, // 'name'

dataValueField: scope.valueField, // 'id'

dataSource: selectDataSource,

height: height,

virtual: {

itemHeight: 26,

valueMapper: function(options) {

var itemIndex = scope.itemList.findIndex(function(element, index, array){

return options.value === element[scope.textField];

});

options.success(itemIndex);

}

/*directive html*/

The other question relates to the optionLabel default option. Is there any way to disable this option so that the user can't select it?

DropDownList

answered on 01 Jul 2016

1 answer

623 views

$(Document).ready() on ClientDetailTemplate

I'd rather do some DOM manipulation in an external Javascript(actually Typescript) than the inline templating javascript syntax that Kendo uses, but I'm having trouble with when the DOM is ready so I can apply my changes to these elements. I don't think $(Document).ready() works in my Typescript constructor that gets called everytime the row is expanded for the details. Is there an event I can subscribe to in order to know when I can start manipulating the DOM?

Templates

answered on 01 Jul 2016

1 answer

306 views

Kendo UI Chart - Visualize count of returned JSON fields

I want to display the counts of specific retrieved fields in my pie/donut chart.

I'm retrieving data via REST and the result is in json format. The source is a list repeating values:

Example: In the following list, I'd like to get a present the number (count) of completed responses; perhaps in a second chart present the breakdown of responses by location.

var userResponse = [

{ User: "Bob Smith", Status: "Completed", Location: "USA" },

{ User: "Jim Smith", Status: "In-Progress", Location: "USA" },

{ User: "Jane Smith", Status: "Completed", Location: "USA" },

{ User: "Bill Smith", Status: "Completed", Location: "Japan" },

{ User: "Kate Smith", Status: "In-Progress", Location: "Japan" },

{ User: "Sam Smith", Status: "In-Progress", Location: "USA" },

]

======

My Initialization currently looks like this:

$('#targetChart').kendoChart({

dataSource: {

data: data.d.results,

group: {

field: "Location",

},

seriesDefaults: {

type: "donut",

},

series: [{

field: 'Id',

categoryField: 'Location',

}],

});

Charts

answered on 01 Jul 2016

1 answer

1.5K+ views

The model that ClientDetailTemplateId uses

We have a grid

@(Html.Kendo().Grid<PatientRecord>(Model.WorklistPatientRecords)

that has a ClientTemplateId

.ClientDetailTemplateId("grid-details-form")

Where "grid-details-form" id is in

@{ Html.RenderPartial("_DiagnosisRecordComments");

The implied model for the partial that makes up the ClientTemplate is obviously PatientRecord

Now within _DiagnosisRecordComments I have some code that looks like the following

#

new AcmeGroup.ValidationComments(ValidationCommentsViewModel);

#

ValidationCommentsViewModel is a property of PatientRecord and that works fine.

The problem is that I want to pass PatientRecord itself....the actual implied model that is used by the client template/Partial. If I use

#
new AcmeGroup.ValidationComments(PatientRecord);
#

I get an error.

What name do I use for the actual implied model that ClientDetailTemplate actually uses?

Templates

answered on 01 Jul 2016

1 answer

733 views

Kendo Splitter does not properly resize in a window

Hi, please look at the following example:

http://docs.telerik.com/kendo-ui/controls/layout/window/how-to/add-auto-resizing-splitter

Please run the example and follow these steps:

1. Move the splitter to the right.

2. Move mouse to the right edge of the window and drag towards the left.

(i.e. resize the window to be smaller using the right edge of the window)

3. Note that the splitter does not resize proportionally and becomes hidden such that you can no longer operate the splitter.

Are there any fixes/workarounds for this?

Thanks,

Michelle

Splitter

answered on 01 Jul 2016

1 answer

134 views

Kendo ui Gantt globalization

Hello

I am creating a directive that encapsulates the kendo ui gantt, and I'm trying to use globalization but is not working.

I am using $watch in language attr and when changes he made the search for the file and then re-create the directive, but has no effect.

Can you help me?

Attached is my directive, only for testing..

Gantt

answered on 01 Jul 2016

9 answers

571 views

[Solved] excel feature and mvvm

I am trying to use the excel export feature with a grid but the toolbar icon is not the one in the demos.
And it is not exporting (see snapshot).

Is there something obvious I am doing wrong.

<script id="NodeViewTemplate" type="x-kendo-template">

<div data-role="grid" id="grid1"

data-scrollable="true"

data-sortable="true"

data-groupable="false"

data-filterable="true"

data-reorderable="true"

data-resizable="true"

data-row-template="NodeRowTemplate"

data-alt-row-template="NodeAltRowTemplate"

data-toolbar="['excel']"

data-excel="fileName: 'Nodes.xlsx',

filterable: true"

data-columns="[

{ field: 'statusimage' , width: 175 , title: 'Status' },

{ field: 'idradio', width:100 , title: 'Device' },

{ field: 'peakCurrent',width:100 , title: 'Peak' },

{ field: 'avgCurrent',width:100 , title: 'Average' },

{ field: 'dateupdated', width:200 , title: 'Last Updated' },

{ field: 'nextupdate', width:200 , title: 'Next Update' },

{ Command: ['edit'] , width:150 , title: ''},

]"

data-bind="source: Nodes, visible: isVisible">

</div>

</script>

Grid

answered on 01 Jul 2016

8 answers

410 views

Grid filtering functionality to be readonly

Hello,

I would like to ask if there is a possibility the filtering which is enabled from datasource (filterable: true) to be active and visible but readonly.
Actually we have a scenario in which in 'Edit mode' the user can choose by which columns the grid to be filtered, and then when saved and ran in 'Live mode' the grid is reloaded and the user could only see by which columns the grid data is filtered but cannot change the filter.

Thank you,

Regards

Grid

answered on 01 Jul 2016

3 answers

147 views

[Solved] wrapper is not the most outer jQuery element

I though that in all kendo widgets, wrapper property is the outer element for widget. But in TabStrip case this is not true, because wrapper and element point to same jQuery element (when created from div, not ul).

Why?
Is there any other widget, which wrapper property do not point to top(the most outer) jQuery element?

TabStrip

answered on 01 Jul 2016