Questions on Kendo UI for jQuery Forum

1 answer

550 views

Update parent row from change event in hierarchy grid

Hi,

i have a scenario where when user edits one of the cell in hierarchical grid column value in parent row should get updated. Can you please help me with this?

Grid

answered on 05 Oct 2020

1 answer

436 views

how to get the selected page size in keno grid databound event

my requirement is to save the page size selected by user in kendo grid, how can we get the selected page size drop down value

the below property of kendo grid get the default page not the actual page size selected by the user.

$("#grid").data("kendoGrid").dataSource.pageSize

thanks for your help!

Grid

answered on 05 Oct 2020

5 answers

336 views

After changing new line to <br>, ordered/unordered list tool inserts bullet/number at first <p> tag instead of current cursor position.

Hello,

After changing new line to <br>, the editor inserts the ordered/unordered list always at the top of textarea box instead of the current position of the cursor.

Here's how I changed the default new line break for editor:

var defaultTools = kendo.ui.Editor.defaultTools;
defaultTools["insertLineBreak"].options.shift = false;
delete defaultTools["insertParagraph"].options;

While inspecting the HTML, I noticed that the editor starts the list at the top of the textarea but I had placed the cursor on the new line under Text3

If I change back to default behaviour for new line, i.e., <p>, then the list gets inserted at the current cursor position. Please advise.

Thanks,

Alex

Editor

answered on 03 Oct 2020

9 answers

3.5K+ views

Connect grid to MVC Controller Method

I have a method defined in the Controller of my MVC project that returns JSON data. How can I load this data into the grid.

Thanks

Data Source

answered on 02 Oct 2020

1 answer

4.1K+ views

Grid header Tooltips

Can you post an example of attaching the new tooltip to grid column headers? tx!

ToolTip

answered on 02 Oct 2020

4 answers

169 views

DropDownList/ComboBox Cascading with optionLabel BUG 2020-09

Hey

I found a DropDownList Cascading BUG.

HERE WE GO

Reintroduce steps：

．First, jump to DropDownList Cascading Dojo Sample from Kendo UI documentation site：

Dojo link in "Kendo UI for jQuery > DropDownList.cascadeFrom".

cascadeFrom
https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/cascadefrom

Open in Dojo (Kendo UI 2020.3.915)
https://dojo.telerik.com/aVEteTEz

．Second, change the dojo sample code as below：

1.Replace "input id=child" to "select id=child" :

<input id="child" />

-->

<select id="child" style="width: 100%;" >
<option>S - 6 3/4"</option>
<option>M - 7 1/4"</option>
<option>L - 7 1/8"</option>
<option>XL - 7 5/8"</option>
</select>

2.Add the optionLabel into "parent" and "child" BOTH :

$("#parent").kendoDropDownList({

$("#child").kendoDropDownList({

-->

$("#parent").kendoDropDownList({
optionLabel: "Bug1 here XD",

$("#child").kendoDropDownList({
optionLabel: "Bug2 here XD",

3.Add code snippet to show the "parent" and "child" before </body> :

</body>

-->

<script>

function callIt(id)
{
var dropdownlist = $("#" + id).data("kendoDropDownList");
var value, text;
var selectedIndex;
//
value = dropdownlist.value();
text = dropdownlist.text();
selectedIndex = dropdownlist.select();
alert(id + "'s index = " + selectedIndex + ", value = '" + value + "', text = '" + text + "' ;D");
}

</script>

<br/>

<input type="button" value="parent click" onclick="callIt('parent')" />

<input type="button" value="child click" onclick="callIt('child')" />

</body>

--

Run then first click the 'child click' button, you'll see the wrong result.

--

RESULT

Click parent, child button will show the result.

．parent
（parent's index = 0, value = '', text = 'Bug1 here XD' ;D）
（parent got the correct value）

．child
（child's index = 0, value = 'S - 6 3/4"', text = 'Bug2 here XD' ;D）
（child got the wrong value from <select> element before change the parent）

FUNNY ;D child.select() got the correct index, BUT child.value() got the wrong value.

The main reason is the optionLabel property both of parent/child before change the parent.
I think the ComboBox/DropDownList should check the selected index then return the correct value.

Both Kendo UI 2017.2.621, 2020.3.915 have the same bug.
Browser: Chrome 85.0.4183.83 (32 bit).
OS : Windows 10.

Best regards

Chris

DropDownList

answered on 02 Oct 2020

1 answer

190 views

Gantt export

Hello,

Is there any kind of exporting gantt other than PDF, such as excel, visio, etc?

Thanks in advance.

Gantt

answered on 02 Oct 2020

3 answers

203 views

xlsx breaking in spreadsheet viewer

hi,
While opening few xlsx in spreadhsheet viewer, an error is being thrown ERROR TypeError: Cannot read property '2' of null. PFA the sample file.
Regards,
Jaspreet

Spreadsheet

answered on 02 Oct 2020

1 answer

461 views

Events do not fit into Scheduler Cells

Hi,

As my title suggests, the events I'm initially loading into my scheduler (from a remote DS) do not fit into the cells.

On initial page load, the scheduler is created and the view defaults to "month". Then, upon reading data (manually via scheduler.dataSource.read()) from the remote source, the events overflow the grid cells (which are set to auto height and with overflow).

If I change the view from the default "month" view to a "week" view the events render correctly (fitting them within the grid cells), and then upon changing back to the month view, the events fit the grid cells correctly. Refreshing the page causes the events to overflow again.

I have tried using scheduler.refresh() with no avail.

Please see attached image.

Thanks,
Grant

Scheduler

answered on 02 Oct 2020

1 answer

1.8K+ views

Uncaught TypeError: Cannot use 'in' operator to search for 'getSelection' in undefined

Hi,

I am seeing error with Kendo Editor : Uncaught TypeError: Cannot use 'in' operator to search for 'getSelection' in undefined. Editor loads and render fine. When text value is changed or updated in the editor in edit mode and then if I click outside of editor , js error is shown right away. Have tried calling refresh() on change event, that still gives me same error. If I call refresh on editor select event, it prevents the error, but won't let user type due to focus. Will have to click and hold the mouse down while typing to not lose focus instantly to use refresh method.

Browser: Chrome.

onEditorSelect: function (e) {

var editor = e.sender.element.closest('[data-role="editor"]').data('kendoEditor');

editor.refresh();

}

onEditorChange: function (e) {

var test = $(".page-editor").find("[data-role=editor]").data("kendoEditor");

test.refresh();

}

Stack Trace/Error

kendo.all.js:75062 Uncaught TypeError: Cannot use 'in' operator to search for 'getSelection' in undefined

at Object.selectionFromWindow (kendo.all.js:75062)

at Object.selectionFromDocument (kendo.all.js:75075)