Questions on Kendo UI for jQuery Forum

1 answer

92 views

Grid Menu

Hi,

Is there a way to add a menu to the grid to the right of the columns and above the scroller ?

The idea is to do something like :

- show hide area (filter row, agregation, ...)

- Launch export (excel, pdf)

...

The only solution I have found is to complete the menu of each column, but it's not the optimal solution

Regards

Grid

answered on 13 Aug 2018

4 answers

125 views

how to make horizontal lazy loading by scroll in column chart?

I have a big set of data which should be shown on column chart,i wondering if there is a way of showing them but using lazy loading,imagine the number of columns is 300 or more,i want to show max 25 column ,the next set should come after i scroll horizontally ,i would appreciate if you create a demo to help me out with this problem

Charts

answered on 13 Aug 2018

1 answer

135 views

Excel Line breaks do not work.

Hello there. We faced with weird line breaks bug while exporting grid to excel. Here is the dojo: https://dojo.telerik.com/ozAYiDEb .

Steps to reproduce:

1. Run dojo.

2.Click on Export to Excel.

Result: created excel file won't have line breaks at all. The dojo was taken from https://docs.telerik.com/kendo-ui/knowledge-base/grid-excel-export-new-lines

Grid

answered on 13 Aug 2018

3 answers

132 views

keyboard event support

Hi,
I would like to be able to check/uncheck the switch with the keyboard
but nothing bind to the switch. i tried :

scope.toggleSwitch.bind("keyup", toggleKeyUp);

scope.toggleSwitch.bind("focus", toggleFocus);

scope.toggleSwitch.bind("click", toggleclick);

any idea wuld be appreciate thanks

Switch (Mobile)

answered on 13 Aug 2018

2 answers

3.0K+ views

Enable/Disable multiple buttons

Hi,

I have a table containing 28 dynamically generated KendoUI buttons that represent a 28 day cycle. Im trying to enable and disable them all at once, but only the first button is being affected. Please advise.

//Inialize ALL 'day selection' buttons

$("#table-frequencyWindow-daySelection").find("button.dayButton").kendoButton({

enable: false

});

//Inialize Frequency Selecter as kendo Drop Down List

$("#select-frequencyWindow-frequency").kendoDropDownList({

change: function(e) {

var daySelectionTable = $("#table-frequencyWindow-daySelection");

console.log(daySelectionTable.find("button.dayButton").length) //Prints "28"

if (this.value() == "") {

daySelectionTable.find("button.dayButton").data("kendoButton").enable(false);

} else {

daySelectionTable.find("button.dayButton").data("kendoButton").enable(true);

}

});

Button

answered on 13 Aug 2018

5 answers

296 views

kendo.notify()

We are creating custom widgets that need to look, feel, and perform on-par with Kendo widgets. We've spent a little time in source and found some undocumented methods... like kendo.notify() that appear to play an important role in data binding.

Should or should we not be using these methods as we create our own widgets?

[ kendo.button.js ]

var Button = Widget.extend({
init: function(element, options) {
var that = this;

Widget.fn.init.call(that, element, options);

...

element
.on(CLICK + NS, proxy(that._click, that))
.on("focus" + NS, proxy(that._focus, that))
.on("blur" + NS, proxy(that._blur, that))
.on("keydown" + NS, proxy(that._keydown, that))
.on("keyup" + NS, proxy(that._keyup, that));

kendo.notify(that); // Implementation found in kendo.all.js on line ~11691
},

[ kendo.all.js ]

kendo.notify = notify;

...

function notify(widget, namespace) {
var element = widget.element,
bindingTarget = element[0].kendoBindingTarget;

if (bindingTarget) {
bind(element, bindingTarget.source, namespace);
}
}

General Discussions

answered on 10 Aug 2018

2 answers

407 views

How to gray out a k-button 30% more

Hello for some users they're have a difficult time telling that the k-button is grayed out or disabled, so want to see if there's a way to gray out this button about 30% more when the "isNewBipEnabled" field is equal to "false" and i've attached a word document with snap shots for reference, thanks for any pointers!

<td width="10%">

<button class="bip-btn" data-bind="enabled: isNewBipEnabled, click: onNewBip">

<img data-bind="attr: {src: newImgUrl}" style="vertical-align:middle;" />

<span style="font-weight:bold;margin-top:2px;">New BIP</span>

</button>

</td>

/* <== special effiect when switching between views */

.bip-btn:hover {

background-color: cadetblue;

}

Button

answered on 10 Aug 2018

5 answers

3.6K+ views

How to modify the GRID 'Edit' button and save: functionality?

I'm wondering how to modify the following 'edit' and save: statements/functionality to just show a "Link" title on the button and only have to select the "Link" button once to bring up a hyperlinked page? attached is some more code detail with snap shots, thanks!

{ 'command' : ['edit'], 'title': ' ', 'width': '180px' } data-bind="source: reportDs , events: { save: onSave}"

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

<h1 style="text-align:center;font-size:24px;color:darkmagenta;">Personnel Security Activity Report</h1>

<div class="report-container">

<div style="margin:5px;">

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

data-columns="[

{

'title' : 'Report',

'field' : 'reportLabel'

},

{

'title' : 'Report Link',

'field' : 'reportLink'

},

{ 'command' : ['edit'], 'title': ' ', 'width': '180px' }

]"

data-editable="inline"

data-sortable="true"

data-scrollable="true"

data-selectable="single, row"

data-bind="source: reportDs , events: { save: onSave}"

>

</div>

Grid

answered on 10 Aug 2018

6 answers

596 views

Grid ForeignKey Column Filter Operators

I noticed that the filter for a foreignkey column is a dropdown and uses the "is equal" or "is not equal" operators. Is it possible to have the foreignkey column filter to have the option of contains and/or use a combobox?

example column: c.ForeignKey(p => p.LocationID, (SelectList)ViewData["LocationID_Data"]) .Title("Location").Width(250);

Thanks

Grid

answered on 10 Aug 2018

1 answer

90 views

DataGrid - save only some configuration settings

Hi,

Im using KendoUI for PHP. Im trying to to use SAVE STATE functionality by the KENDO manual:

https://demos.telerik.com/kendo-ui/grid/persist-state

...to save the datagrid configuration.

The problem is, when I will save state, to JSON string is saved also lists of items related to column ids. When I will save the datagrid configuration, there are saved also the related items. Next, when I rename some of the list item in the database, the change is not displayed, because all list items was saved and loaded from JSON save state configuration.

Is it possible to solved this problem (for example do not save the lists items into JSON, or another solution)?

Grid

answered on 10 Aug 2018