Questions on Kendo UI for jQuery Forum

3 answers

222 views

Change Field List

Hello

Is there a way to change out the Field List on the fly?

Do I use setOptions like other widgets to change out the field list or do i change the datasource?

Anyone have an example? The published API is a little limited.

Thank you

Jeff

Filter

answered on 27 May 2020

4 answers

426 views

Custom binding not working in templates

Hi,

I've defined a custom binding which works prefectly when used outside templates, but it will not work when used within one.

The binding's refresh function is called in both cases, but when used within a template, this.bindings["bindingName"].get() returns undefined.

Is this a limitation of the curent state of bindings ? Is there a workaround ?

here's the code:

kendo.data.binders.cssClass = kendo.data.Binder.extend({

refresh: function () {

var value = this.bindings["cssClass"].get();

$(this.element).removeClass();

$(this.element).addClass(value);

}

});

<script id="path-template" type="text/x-kendo-template">

<li data-bind="click: goToFolder, cssClass: theStyle">#: path #</li

</script>

Funny thing is that the click binding works within the template...

Thanks

MVVM

answered on 27 May 2020

1 answer

480 views

Window Not Opening Right

I'm trying to use the window in multiple spots in a small application I'm building that's using version 2020.2.513 of Kendo UI for Jquery. I've used this many times before and never had these problems. For some reason now when I try and use the window, no matter how I use it, I get an odd behavior. When I first click my button that should open the window, nothing happens visually (using the inspector I can see that it moves my div tag). When I click the button a second time, it'll open the window but then the rest of the screen goes white, the html tag does some weird sizing things that pushes everything on my page up (including the window), and the window is cut off.

Any ideas? I can't share everything but I've attached a screen show of the behavior after the second click and below is the code I'm using.

I'm literally just using a slightly modified version of the ajax example and it still happens:

function loadHelp() {

$("#time-window").kendoWindow({

width: "615px",

title: "Help",

content: "Time-Help.htm",

close: function() {

//do something

}

});

}

Window

answered on 27 May 2020

3 answers

450 views

How to display the calendar with the classic type

Could you please suggest how to display the MultiViewCalendar with Classic Component style like[The month needs be present in between the left and right arrow]?

Also when the View is defined as 1, is it possible to display Month header as like "March 2020" instead of "March 2020 - March 2020".

MultiViewCalendar

answered on 27 May 2020

3 answers

330 views

How to make progess bar accessible?

Hi there,

I use an upload template with a progress bar <span class='k-progress'></span>. How can I make it accessible for a screen reader?

I want to add aria-attributes like so <span class='k-progress' role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow=??? ></span>.

But the problem is, how to set aria-valuenow. How do I get the current upload percentage?

Best, Max

Upload

answered on 27 May 2020

9 answers

1.2K+ views

validate dynamic form

I'm building my form dynamically and it can have checkboxes, textboxes, radio buttons, etc. is it possible to connect the validator to those dynamically? Each control will have [required] attach to it, if it's set as a required field by the users when building the form.

so for example:

<div id="container">

<input type="text' id="new" required/>

<br>

<select id="ddSalesman" >

<option>select one</option>

</select>

<input type="checkbox" id="NewOrUsed" required>

</div>

and so on, is there a way to connect the validator to these controls when the users clicks the button?

Validation

answered on 26 May 2020

1 answer

257 views

Style changes in 2020.2.513?

I noticed breaking style changes in our code and realized that some html has changed, and some class assignments may have been removed in the latest Kendo version 2020.2.513.

For example, in 2020.1.406, the windows have the k-header class:

<div class="k-window-titlebar k-header" style="margin-top: -42px;"><span class="k-window-title">Table Wizard</span><div class="k-window-actions">

But in 2020.2.513, this class is gone:

<div class="k-window-titlebar" style="margin-top: -42px;"><span class="k-window-title">Table Wizard</span><div class="k-window-actions">

Another example, the editor toolbar buttons have changed from anchors to buttons:

2020.1.406:

<a tabindex="0" role="button" class="k-tool k-group-start k-group-end k-state-hover" unselectable="on" title="Table Wizard" aria-label="Table Wizard"><span unselectable="on" class="k-tool-icon k-icon k-i-table-properties"></span></a>

2020.2.513:

<button tabindex="0" role="button" class="k-button k-tool k-group-start k-group-end k-state-hover" title="Table Wizard" aria-label="Table Wizard" unselectable="on"><span class="k-icon k-i-table-properties"></span><span class="k-tool-text k-button-text">Table Wizard</span></button>

As this is causing many display issues with our code and automation testing, is there a list of these breaking changes somewhere?

Thanks, Bob

General Discussions

answered on 26 May 2020

1 answer

161 views

[Solved] Unable to hide a tooltip from inside the tooltip

https://dojo.telerik.com/izIzuWuc/4

Click the button under it, tooltip hides. Click the button in the tooltip, it does not hide.

What I need:

- AutoHide = TRUE - Need to hide on lost focus (it's false in this example)
- Hide when clicking an option inside the tooltip itself

ToolTip

answered on 26 May 2020

2 answers

589 views

Rating in Grid column

Hi, Dev Team!

What is the best way to show data in column (numbers from 0 to 5) as rating with ability to change it? Thanks!

For grid data i use kendo.data.DataSource()

Grid

answered on 26 May 2020

1 answer

3.6K+ views

[Solved] Uncaught TypeError: e.slice is not a function

Hi All,

I'm getting error "Uncaught TypeError: e.slice is not a function" on my Grid.

$("#gridGroupUser").kendoGrid({

dataSource: {

transport: {

read: {

url: "https://...",

dataType: "json",

}

},

schema: {

// The data to which the DataSource will be bound is in the "list" field of the response.

data: "results"

},

height: 370,

groupable: false,

sortable: true,

columns: [{

selectable: true,

width: 33

}, {

template: "<div class='user-email'><span class='k-icon k-i-user'></span> #: email #</div>",

field: "email",

title: "Email",

width: 200

}, {

field: "firstName",

title: "First Name",

width: 100

}, {

field: "lastName",

title: "Last Name",

width: 100

}, {

field: "status",

width: 100

}]

});

Data:

{"results":[{"userNumber":1087,"userId":"1087@noemail.com","email":"1087@noemail.com","firstName":"F1087","lastName":"L1087","status":"ACTIVE (LOCKED)","notes":"User has exceeded allowed number of failed logins (5 times). ","userType":"REGULAR USER","lastLoginDate":"2018-02-14T21:55:34.543","failedLogin":99,"expiredDate":null,"sponsorId":29,"sponsorNo":29,"sponsorCode":"scode1","sponsorName":"Sponsor1","acctMgr":"myemail1.com","acctMgrEmail":"manageremail.com","licenseCount":null,"cutoffDate":null,"lastPaymentDate":null,"billingCycle":null},{"userNumber":1594,"userId":"1594@noemail.com","email":"1594@noemail.com","firstName":"F1594","lastName":"L1594","status":"DEACTIVATED","notes":null,"userType":"REGULAR USER","lastLoginDate":"2014-06-20T15:50:30.107","failedLogin":99,"expiredDate":null,"sponsorId":29,"sponsorNo":29,"sponsorCode":"scode1","sponsorName":"Sponsor1","acctMgr":"myemail1.com","acctMgrEmail":"manageremail.com","licenseCount":null,"cutoffDate":null,"lastPaymentDate":null,"billingCycle":null}]}

Any idea why I'm getting this error?

Thanks!

Ryan

Grid

answered on 26 May 2020