Questions on Kendo UI for jQuery Forum

1 answer

135 views

Hello,

we have a SharePoint solution and use kendo, but do not load kendo with requirejs. A customer has second solution installed, which uses requirejs to load his modules. Kendo now recognises that there is requirejs registered in the site and doesnt put the modules in the global namespace.

Is there a way to disable the loading through requirejs for the kendo modules or a workaround to handle such a scenario?

Thanks in advance!

Michael

General Discussions

answered on 14 Jun 2017

6 answers

134 views

[Solved] Layout issue in existing application

I am trying to get the listbox control into my existing application. I dropped the basic example into my page and the layout is not good. See attached screenshot. I'm not sure what I can change without breaking something else. I am using bootstrap.

Markup and CSS is directly from the example, only difference is I'm instantiating the listbox in a javascript file.

ListBox

answered on 13 Jun 2017

3 answers

341 views

custom icon dissapears after click cancel (inline editing)

Hi there,

i have a custom button in the command cell of my grid and bind a custom icon to this button, like in this example.

dataBound: function (e) {
e.sender.tbody.find('.k-button.ownIcon').each(function (idx, element)
{
$(element).find('span').addClass('k-icon k-i-delete');
});
}

After clicking the cancel Button with "inline" editing the custom icon dissapears. I tried to add the icon a second time when the cancel event is fired, but at this time my custom button is not initialized. Is there any event after this, that i can reach to redraw the icon?

Grid

answered on 13 Jun 2017

3 answers

299 views

Group column heading hide/unhide

We have 4 record tracking columns UserID & Date, One set for create and one set for last modified. We initially have them all hidden in our grid. When using the grid context menu you cannot tell one set from the other because it only shows the group title in the menu. I could probably live with that, but if you unhide only one of the 2 in the group. You do not get the grouping title and there cannot tell which one it is. Below is the grid code for the 4 columns described.

//CREATED COLUMNS

columns.Group(groupCR => groupCR

.Title("Created").HeaderHtmlAttributes(new { @style = "text-align:center;" }).Hidden(true)

.Columns(CRgrp =>

{

CRgrp.Bound(p => p.CREATE_USERID).Width(100).Title("User").Width(80).ClientTemplate("<a onMouseOver=\"showName(this, '#=CREATE_USERID#')\">#=CREATE_USERID#</a>");

CRgrp.Bound(p => p.CREATE_DT).Format("{0:d}").Title("Date").Width(80);

})

);

//MODIFIED COLUMNS

columns.Group(groupMD => groupMD

.Title("Modified").HeaderHtmlAttributes(new { @style = "text-align:center;" })

.Columns(MDgrp =>

{

MDgrp.Bound(p => p.MODIFIED_USERID).Width(100).Title("User").Width(80).ClientTemplate("<a onMouseOver=\"showName(this, '#=MODIFIED_USERID#')\">#= MODIFIED_USERID != null ? MODIFIED_USERID : '' #</a>");

MDgrp.Bound(p => p.MODIFIED_DT).Format("{0:d}").Title("Date").Width(80);

})

);

Any help would be appreciated.

Grid

answered on 13 Jun 2017

22 answers

2.6K+ views

Grid Popup Edit Cancel Problem

Hi,

I have a grid that has "popup" editing. The problem is that if I click Cancel in the popup dialog, the record being edited is deleted. Here's a jsfiddle showing what I am talking about:

http://jsfiddle.net/KGsSL/16/

To replicate: click the Edit button on any row, then click Cancel in the Edit dialog. The result is that the row you're editing is deleted.

I pretty much followed the example at http://demos.kendoui.com/web/grid/editing-popup.html with the exception of using local data. That demo link also [currently] uses the same exact verson of KendoUI I'm using, but it doesn't exhibit the same problem.

Please help.

Thanks.

Grid

answered on 13 Jun 2017

4 answers

566 views

[Solved] IE and Edge have caused a bug with the grid filter popup

From what I understand a change in how IE and Edge works is causing new and unwanted behavior with the gid filters in Kendo UI. The filter control text fields now have drop-down suggestion text like 1.00, 2.00, 45.00 (even if it is a date filter).

Replication

Open Edge (or IE if it is later version).
Go to the Demo site: http://demos.telerik.com/kendo-ui/grid/remote-data-binding
Click on the grid filter button/icon. (use: Order Date or Ship/City Name)
Click into the text value field.
Before you type anything note that an unwanted dropdown shows up.

Cause

From what I can understand IE and Edge now assume all <input ...>'s are autocompleate="on" even when they have no autocomplete attribute. This does not happen in Chrome. Using the debugger to manually add the autocomplete ="off" in Edge fixes it. However (code side) there is no easy way to add attributes using only CSS.

I have attached a screenshot showing what is happening on the Telerik Demo site.

Grid