Questions on Kendo UI for jQuery Forum

1 answer

59 views

Kendo Grid, add edit and delete button inside dropdown

I have a kendo grid with inline editing and would like to put the edit and delete button inside a dropdown.

Before code:

columns.Command(command =>
{
   command.Edit();
   command.Destroy();
 }).Width(70);

I came up with the following markup

columns.Bound(x => x.Id).Title(" ").IncludeInMenu(false).ClientTemplate(
   @"<div class='btn-group'>
   <a role='button' class='k-button k-button-icontext k-grid-edit' href='\\#'><span class='k-icon k-i-edit'></span>Edit</a>
   <a class='k-button k-button-icontext dropdown-toggle' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
       <span class='caret'></span>
   </a>
   <ul class='dropdown-menu'>
      <li><a role='button' class='k-button k-button-icontext k-grid-delete' href='\\#'><span class='k-icon k-i-close'></span>Delete</a></li>
   </ul>
   </div>")
.Width(80);

This is basically ok, but the problem is that after clicking the edit button, the Update/Cancel buttons are not displayed. Is there a way to fix this issue?

Grid

answered on 19 Jan 2024

1 answer

45 views

Grid is slow to sort and clear filters

I am trying the jQuery grid and really like the various features. However, compared to other grids I have tested I have found the performance to be much slower in some circumstances. I have a grid with only 6 columns. When the number of rows gets above approximately 1000, the time to sort on a text column can be 2 or 3 seconds. Also, when entering a search text to filter the grid and then clearing the search, it takes several seconds to restore the full list. In every other grid both of these operations are instantaneous even with tens of thousands of records. This is really not acceptable from a user point of view and I wonder why this grid is so much slower than the competition.

Grid

answered on 18 Jan 2024

1 answer

23 views

Customize foreColor/backColor in editor toolbar for version 2019.1.115

Dear support,

We are using kendo UI for jQuery editor and we have a question about editorTools "forecolor" and "backcolor" from the toolbar.

Could you please tell us if it's possible to display the 2 modes(palette and gradient) together, from our version of kendo : 2019.1.115 ?

Like for example this colorPicker : https://dojo.telerik.com/EWahuGuM

Best Regards,

Hamza.

answered on 17 Jan 2024

1 answer

31 views

Customize foreColor/backColor in editor toolbar

Hello, i'm working on kendo UI for jQuery editor and i have a question about forecolor and backcolor in the toolbar.
I'd like to know if it's possible to display 2 modes in same time: palette and gradient, like in this colorPicker example :
https://dojo.telerik.com/EWahuGuM

Thank you.

Editor

Toolbar

answered on 17 Jan 2024

1 answer

26 views

Dock Manager for Typescript

When will the kendo.all.d.ts be updated with the new Dock Manger? I didn't see it in the latest public or internal build.

DockManager

answered on 17 Jan 2024

2 answers

29 views

TreeView drag and drop disabling not working anymore

A while back we created a TreeView with drag and drop. The drag event handler selectively calls e.setStatusClass("k-i-cancel") to disable the drop operation. In the drop event handler, e.valid used to be set to false when this happened. We are now using Kendo version 2023.3.1010 and e.Valid is always true. Something appears to be broken now. Is there some kind of fix for this? I've tried to implement the same selective disabling logic in the drop event handler as in the drag event handler, but part of the logic involves looking at the value of e.statusClass which doesn't exist in the drop event.

TreeView

answered on 16 Jan 2024

1 answer

37 views

Disable all inputs on kendo form

Hello.

I have a custom submit() method for my kendoForm. I want to programmatically go through the form and disable all inputs on the form when I submit. how can I achieve this?

Form

answered on 15 Jan 2024

3 answers

1.3K+ views

vertical scrollbars removed....padding remains

I have recently removed the vertical scroll bar from my grid but noticed a 17px padding that defeats the purpose of my removal.
In IE developer tools I see that it's an inline style, but I'm unsure of where/how to override this. Any guidance or direction would be nice.

<div class="k-grid-header" style="padding-right: 17px;">

Grid

updated answer on 12 Jan 2024

2 answers

103 views

jQuery Chat Widget - Ability to change the message box from an input to a text area?

Hello,

I am using the jquery chat widget as a virtual assistant on the right corner of the page and would like the ability change the message box to a textarea as opposed to an input so all the wording that is outside the scrollable view area is visible.

I see in the angular version of this widget that this is possible, is there a similar feature for the jquery chat version? Or even the .net Core version?

Thanks,

Arthur

Chat

answered on 11 Jan 2024

2 answers

3.9K+ views

Grid Column Value change on client side

I am working on the Kendo Grid (Batch Editing) with following columns:

A - Stock Value (Numeric) - Non-Editable
B - Item Type (DropDown) - values are "In Stock", "Purchase", "Out Stock", "Credit" - Editable
C - Percentage (Numeric) - Editable
D - Sale Price (Numeric) - Editable
E - Amount - Non-Editable

My requirement is when I change any of the editable field (i.e. Item Type, Percentage or Sale Price), the "Amount" field should be calculated based on following formula.

If "Item Type" = "In Stock" then "Amount" = "Stock Value" - "Percentage"
If "Item Type" = "Purchase" then "Amount" = ("Stock Value" + "Percentage") * "Sale Price"
If "Item Type" = "Out Stock" then "Amount" = ("Stock Value" - "Percentage") * "Sale Price"

If "Item Type" = "Credit" then "Amount" = "Percentage" * "Sale Price"

The "Amount value should be calculated, as soon as I change any of the editable field.

Thanks for your help in advance.

Regards,
Komail Noori

Grid