Questions on Kendo UI for jQuery Forum

5 answers

224 views

TreeView/TreeList

Hello, av been using Kendo UI about a week now, I was wondering if the following was possible:

1. change the layout from treeview/Treelist to a grid, but it should come as a dialog (see attached image)

2. How to do I change the datasource to point to a location/file that is located locally?

Dialog

answered on 18 Sep 2020

3 answers

237 views

Update ViewModel after appending a template to div

Hi,

I am new to Kendo and running into below issue.

I have a row with two textboxes (Phone Number & Email Address). I have a UserContactViewModel with these entries as PhNumber1 & Email1. But I need to added additional rows on button click, so I created a template which will add the Phone NUmber and email address textbox on each click for user to provide additional information.

Issue is every time I click, I am able to add the template but the UserContactViewModel will not reflect any new elements that I have added through Template. I can only see the first element that was loaded initially.

Can I get some help on how to update "UserContactViewModel" everytime I add a new row to the div. So that all existing options on the two textboxes applies to new textboxes that I have added through kendo UI template.

JS:

function addUserContact() {

var template = kendo.template($("#AddUserContact").html());

// Here I am just passing the counter or no. of clicks the user made so we need that number next to variable like Email2,

Email3 etc

var data = [

{ userCount: no. of btn click }

];

var result = kendo.render(template,data);

$("#replicate").append(result);

// I tried to use kendo.bind("#myviewname",userViewModel);

}

UserContactViewModel:

Class UserContactViewModel {

public users: knockoutObservableArray<any> = ko.obsevableArray([]);

public PhNumber1: knockoutObservable<int> = ko.observable('');

public Email1: knockoutObservable<string> = ko.observable('');

public isBeingUpdated: knockoutObservable<boolean> = ko.observable<false);

public isLoading: knockoutObservable<boolean> = ko.observable<false);

public isEditing: knockoutObservable<boolean> = ko.observable<false);

public isEditEnabled: knockoutObservable<boolean> = ko.observable<false);

public isModified: knockoutObservable<boolean> = ko.observable<false);

public UserContactViewModelGroup: knockoutValidationError;

constructor() {

let self = this;

self.PhNumber1.extend({

required: { message: 'Phone Number is required', onlyIf: () => { return self.Email1 ! == '';} }

});

self.userViewModelGroup = ko.validation.group([

this.phNumber1,

this.Email1

]);

}

Thanks,

AG

General Discussions

answered on 18 Sep 2020

3 answers

275 views

Extra menu filter in row mode

Greetings,

I'm using a Kendo grid with filterable mode set to row, and I have the filter in the menu as well that allow 2 options.

If we select to options from the menu "VALUE A" or "VALUE B", the filter is applied correctly but in the row input only "VALUE A" is displayed.

Is there a way to:

1. Display both values in the row?

or

2. Disable the row for that columns without displaying any values in that case?

Thanks,

Grid

answered on 17 Sep 2020

30 answers

2.7K+ views

Custom Filter with Checkboxes

Hy,

I've got a Column with String Values!

Our Customer wants to filter this Column with Checkboxes (like it is in Excel > look 'filter_checkbox-excel.png' attached) based on the Values of the Column and with "or"-Functionality! I've added a Screenshot oft the Design (filter_checkbox-web.png), how it should look like - can anyone say if this is possible?

greetings from Austria
Flo

Grid

answered on 17 Sep 2020

12 answers

775 views

Guids in filters

Our oData service is full of Guid as primary keys. So I need to be able to use guid data types in filters. Unfortunately when I use the following in the filter for the datasource:
filter: { field: "UserID", operator: "eq", value: e.data.UserID }

I get the following error from oData:

   "Operator 'eq' incompatible with operand types 'System.Guid' and 'System.String'

Any ideas, The native url requires filter=UserID+eq+guid'ab4e630e-1c7f-49cb-919a-5e82786e753e' .. How can I adjust the filter command to acheive this.

Thanks

Data Source

answered on 17 Sep 2020

2 answers

88 views

Missing Rotate Handle in latest version of Diagram

The latest version of Diagram does not seem to provide a rotate handle on shape click. Resize handles are visible and work as before.
If I revert to an older version(2014) of dataviz the same code works normally and the rotate handle appears when you click on the shape to edit it.
I would use the old version but the old version doesn't work with some of the code I'm using for diagram.layout elements.

Is there some way to get the rotate handle working in the 2016 version of diagram?

Diagram

answered on 17 Sep 2020

3 answers

262 views

Kendo and jQuery compatibility

Hello folks,

I have a question related to Kendo and jQuery compatibility. In my project, we rely on Kendo UI for jQuery for most of our UX components. We are using Kendo UI version 2018.1.117 and the jQuery version 1.12.2.

We are trying to upgrade jQuery to 3.5 and want to know if this will still work with our current Kendo version (2018.1.117). I understand jQuery and Kendo are closely related and we eventually want to upgrade Kendo to latest 2020.2.617 too but upgrading both at the same time is not something we would prefer. We prefer to take incremental approach of upgrading jQuery first, followed by Kendo upgrade.

Documentation here specifies the supported jQuery version for Kendo. Is there any documentation that will point what components will break if we are at an unsupported jQuery version? I did a quick spike with [ Kendo 2018.1.117 + jQuery 3.5 ] and there were no visible issues.

Looking for your suggestions here. Thank you!

Kiran

General Discussions

answered on 17 Sep 2020

3 answers

168 views

Kendo UI control to display step by step tutorial on webpage?

I wish I'd bookmarked what I saw, but I'd swear I saw a page demonstrating a commonly used technique to help users understand a page: a small popup and arrow points to one area of the page and explains what it does, and when the user closes that popup another on a different part of the page points to another control and explains it, and this happens for several steps. I can't seem to find that control or demo on the kendo ui demo page- does anybody recall what I'm remembering?

Thanks.

General Discussions

answered on 17 Sep 2020

1 answer

833 views

Numerictextbox values are getting changed after specific limit - More than 16 and 20

In Numeric Textbox when provide value more than 16 digits, Clicking outside the textbox, The number automatically gets incremented and decremented on different values

Another scenario when the provide value more than 20 digits, Clicking outside the textbox displays only one digit or different value

Do we have any solution/workaround to achieve this scenario?

NumericTextBox

answered on 16 Sep 2020

2 answers

349 views

NumericTextBoxes and Focus

Ok so MVVM is creating my numeric textboxes...and I initalize them to 0.

Problem though is when I tab from item to item it selects the 0 then immediatly deselects it and puts the cursor before the 0. So that means the user has to delete the 0 instead of just starting to type in the new value

<input id="myfood-serving-count" type="text" class="my-food-nutinfo-input count" value="1" data-role="numerictextbox" data-bind="value: measure.size" data-min="0" />

Video: http://www.screencast.com/t/nS2s5XpGio

MVVM

answered on 16 Sep 2020