Questions on Kendo UI for jQuery Forum

5 answers

672 views

In our application to display data we are using Kendo Grid with Foreign Key columns. We are facing problem while sorting these Foreign Key columns. If we try to sort the column, it is getting sorted by Id instead of column text.

We tried to implement the solution given at http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/foreign-key-column-sorting-by-text . but this solution is working at client side but it is not working at server side application.

Do we have any way to achieve this?

Grid

answered on 05 Oct 2020

1 answer

521 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

412 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

301 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.4K+ 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.0K+ 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

134 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

174 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

183 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

430 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