Questions on Kendo UI for jQuery Forum

1 answer

185 views

Hi,

I would like to find out how I can create a custom required directive for angular 2 template-driven form to validate a required field in a dropdownlist as I do not wish to use the required built-in validator. The one shown on http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/forms/ doesn't seems to work with template-driven form.

DropDownList

answered on 29 Aug 2017

6 answers

419 views

AngularJs Grid - need to update page number without causing request to server

Sometimes my grid raises a request to server with page=1 but the server returns as a result page number 3.
I need to change the page number in the grid to 3 but without causing a new ajax request like happens with:

grid.data("kendoGrid").dataSource.page(pageNumber);

Thanks

Grid

answered on 29 Aug 2017

6 answers

234 views

[Solved] Spreadsheet more than one validation causing javascript "IndexOf" error in "kendo.all.js"

Validation is working for one range. Adding another validation in range causes javascript error.

01.$(document).ready(function () {

02. var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet");

03. var sheet = spreadsheet.activeSheet();

04.

05. sheet.batch(function () {

06. sheet.hideColumn(0);

07. }, { layout: true });

08.

09. sheet.range("E1:E200").format(kendo.spreadsheet.formats.dateTime);

10. sheet.range("F1:F200").format(kendo.spreadsheet.formats.dateTime);

11.

12. var range1 = sheet.range("D2:D200");

13.

14. range1.validation({

15. dataType: "list",

16. from: "{ \"AUTO\", \"BRK ALT\", \"BRK HR\" }",

17. allowNulls: true,

18. type: "reject",

19. titleTemplate: "Invalid segment code",

20. messageTemplate: "Invalid segment code",

21. showButton: true,

22. });

23.

24. var range2 = sheet.range("G2:G200");

25.

26. range2.validation({

27. dataType: "list",

28. from: "{ \"Add\", \"Modify\", \"Remove\" }",

29. allowNulls: true,

30. type: "reject",

31. titleTemplate: "Invalid aspect entry type.",

32. messageTemplate: "Invalid aspect entry type.",

33. showButton: true,

34. });

35. });

Spreadsheet

answered on 29 Aug 2017

1 answer

336 views

DropdownList.dataItem() does not return undefined

Hi,

As my title says, the dataItem() method for the dropDownList does not return undefined (when selected item is blank) as the API says.

API: http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#methods-dataItem
Demo: https://dojo.telerik.com/AxoTu

I dont know if this an error in the functionality of the widget or an error in the API.

This threw me off for about 2 hours while I tried to figure out why my dropdown was returning null instead of undefined.

Regards,
Grant

DropDownList

answered on 29 Aug 2017

4 answers

237 views

click month view more events(...)

When click month view more events(...) will change view to day view,

I want to when click ... to the day view it will scroll to the first event

How to do that?

Scheduler

answered on 29 Aug 2017

1 answer

168 views

Impossible to apply custom cell background color for the second time

Hello,

I have a problem with applying custom cell background color for the second time. It doesn't work (or background color picker is not refreshed correctly).

It can be reproduced on your demo page http://demos.telerik.com/kendo-ui/spreadsheet/index.

1. select an empty cell;
2. press background color button;
3. press custom color button;
4. select a color;
5. press apply;
Everything will be ok and background style will be changed. But if you select another empty cell and repeat all steps except of 4 (selecting a color). Nothing will happen. Is there any work around or hot fix for this?

Is there (is it planned) any way to apply custom (recently used) color to 2 or more cells (in different rows) without copy pasting it's value? Something like in ms excel where the previously selected color can be reused in one click.

Spreadsheet

answered on 29 Aug 2017

15 answers

2.1K+ views

[Solved] Tooltip doesn't always remove itself

http://screencast.com/t/QEp6FWPyLT

This happens on the header and footer...

It's a UL\LI with the tooltip applied to the LI

Any ideas?

ToolTip

answered on 28 Aug 2017

5 answers

252 views

TypeScript: Cascading ComboBox from two GridColumns

Hello,

I'm totally newbie in TypeScript and in KendoUI :) So I do not know how to explode my problem in the best way. There may be a better approach.

Here, I have a grid with several columns, including two "Result" and "ResultReason" that I would like to make dependent. That is, when a value is selected in the first, the second is automatically (if possible) filtered. My two grids are in two different GridColumn objects.

The ideal would be to filter the columns automatically (cascadeFrom), but is this possible?

If not, how do I read the selected value in the first column, in the second class? Should I call a function on the hand?

-----------Parent grid column-----------------------

export const ResultColumn: kendo.ui.GridColumn = {

field: "ResultId",

title: "Result",

width: 120,

editor: (container, options) => {

debugger;

$(

"<input id=\"ResultColumn\" data-text-field=\"ResultName\" data-value-field=\"ResultName\" data-value-field=\"ResultId\" data-bind=\"value:"

+ options.field + "\"/>")

.appendTo(container).kendoComboBox({

dataSource: new kendo.data.DataSource({

serverPaging: false,

transport: {

read: {

url: `${WCFBaseUrl}CustomActivities/ResultsList`,

dataType: "jsonp",

type: "webapi"

}

},

schema: {

data: "Data",

total: "Total",

errors: "Errors",

}

}),

dataValueField: "ResultId",

dataTextField: "ResultName",

valuePrimitive: true

}).data("kendoComboBox");

},

};

-----------------Child grid column----------------------

import { ResultColumn } from "./result-column";

export const ResultReasonColumn: kendo.ui.GridColumn = {

field: "ResultReasonId",

title: "Result Reason",

width: 120,

editor: (container, options) => {

debugger;

$(

"<input id=\"ResultReasonColumn\" data-text-field=\"ResultReasonName\" data-value-field=\"ResultReasonName\" data-value-field=\"ResultReasonId\" data-bind=\"value:"

+ options.field + "\"/>")

.appendTo(container).kendoComboBox({

cascadeFrom: "ResultColumn", //doesn't work

dataSource: new kendo.data.DataSource({

serverFiltering: true, //doesn't work

serverPaging: false,

transport: {

read: {

url: `${WCFBaseUrl}CustomActivities/ResultReasonsList`,

dataType: "jsonp",

type: "webapi"

}

},

schema: {

data: "Data",

total: "Total",

errors: "Errors",

}

}),

dataValueField: "ResultReasonId",

dataTextField: "ResultReasonName",

valuePrimitive: true

}).data("kendoComboBox");

}

Thank you

ComboBox

answered on 28 Aug 2017

7 answers

866 views

Upload from camera?

With Kendo UI and the upload control, can one have the app allow the user to take a picture from their phone's camera and upload it?

Thanks

Upload

answered on 25 Aug 2017

1 answer

806 views

Setting tab content to remaining height of tabstrip wrapper

I have a single page with a tabstrip. The second tab has dual list boxes.

In the sample dojo example, what additional css or javascript (for resize events) can be added to ensure the height of the list boxes fill the height of the tab strip content space below H2 ?

I've tried some things like height:100% is css but that did not affect the listbox.

The height being rendered appears to be 200px coming from kendo.common.min.css

Thanks,

Richard

TabStrip