Questions on Kendo UI for jQuery Forum

1 answer

180 views

I have 10 charts on 1 page those are generated dynamically so now once i hover on 2nd or 4th chart line bar the tool tips position show on 1st chart only not in particular charts area how to fix this issue.

Charts

answered on 10 Aug 2020

1 answer

691 views

itemClick event without closing the drawer

Hi,

I've worked on various ways to prevent drawer closing when itemClick event triggered but I couldn't figure a solution. Is there a way to disable auto closing when itemClick event performed?

Thanks.

Drawer

answered on 10 Aug 2020

2 answers

774 views

maximum call stack size exceeded

In the change method of kendoui,

when I get the Gantt object and select the currently selected row,

why does the "maximum call stack size exceeded" error occur?

This code ("gantt.select("tr:first");") During execution,

"maximum call stack size exceeded" error occur. why?

We look forward to your reply!

Thanks!

Gantt

answered on 10 Aug 2020

2 answers

601 views

Disable hiding breadcrumb item

Hi, Dev Team!

Sometimes my breadcrumb width are bigger than device width and breadcrumb items become hidden.
How i can keep breadcrumb items always visible with line break if it needed?

https://demos.telerik.com/kendo-ui/breadcrumb/index

Breadcrumb

answered on 07 Aug 2020

3 answers

1.0K+ views

Cursor is never at the beginning

When a user clicks on the masked text box and there is no current value then the cursor should be at the beginning (left).

This does not happen. But you've had forum posts in the past and you told the poster that it should do this. I even see two bugs written for it: here and here. They both seem to indicate this is the expected behavior.

This doesn't work even in the online demos. Using a standard desktop with Chrome or using a touch screen device (Surface) I get the same behavior. The cursor goes wherever I clicked.

How can I force the cursor to always go to the far left?

MaskedTextBox

answered on 07 Aug 2020

1 answer

261 views

Is z-index for a Window always 10003

Window

answered on 07 Aug 2020

2 answers

1.6K+ views

Grid Displaying text for value not working on grid column

Hi,

I'm working on Kendo Grid with Angular 1.7 with Typescript. So far, displaying dropdown list during edit (popup) mode is working as expected. I'm currently struggling with displaying text instead of bound value on grid column. The model of data source includes 2 properties: "Label" and "Id". I've tried to follow these examples:

1. https://demos.telerik.com/kendo-ui/grid/foreignkeycolumnbinding

2. https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.values

but with no luck. After "Update" button is clicked, the grid shows "Id" instead of "Label".

Here is my custom editor:

columnConfig.editor = (container, options) => {

$('<input required data-text-field="Label" data-value-field="Id" data-bind="value:' + options.field + '" /> ')

.appendTo(container)

.kendoDropDownList({

autoBind: false,

dataTextField: "Label",

dataValueField: "Id",

dataSource: {

data: CustomPickListItems

}

});

};

How can I make the grid display "Label" but save "Id" to local data?

Grid

answered on 06 Aug 2020

1 answer

125 views

I need to be able to drag items from one listview to another listview by using the css class

I'm working on an application that has 2 listviews.

This is how the application should work.

One listview has a list of products and the other listview is a selected-products. In the products listview should allow a user to drag products & sub products over to the selected-products listview.

I posted this question with the code sample on stackoverflow. Here is the link:
https://stackoverflow.com/questions/63241305/i-need-help-using-kendo-ui-for-jquery-i-need-to-be-able-to-drag-items-from-one

Can anyone here help me out?

ListView

answered on 06 Aug 2020

6 answers

281 views

Kendo UI jQuery Headers display in the footer on Chrome

Hi, I have defined a grid inside a tabstrip. Everything is fine with all the grids, but couple of them that started to display the header underneath the bottom. This does not happen on Edge. The rendered HTML shows the Header at the button of the grid content so I have the results displayed but the header isn't showing at the top. The web app is developed with .NET Core 2.2.

This is the grid code:

$("#priceChangeAnalysisGrid").kendoGrid({

dataSource: {

transport: {

read: priceChangeAnalysisUrl + "?priceListId=" + priceListId + "&thresholdValue=" + thresholdValue

},

pageSize: 10

},

sortable: true,

pageable: {

refresh: true,

pageSizes: true,

buttonCount: 10

},

scrollable: false,

columns: [

{

field: "ProductCode",

title: "Merchant Product Code",

width: 200

}, {

field: "ProductDescription",

title: "Merchant Product Description",

attributes: {

style: "font",

style: "text-align: left;"

}

}, {

field: "UnitOfMeasure",

title: "Unit of Measure",

attributes: {

style: "font",

style: "text-align: let;"

},

width: 200

}, {

field: "Change",

title: "Change",

width: 450

}, {

field: "ExistingUnitPrice",

title: "Existing Price",

attributes: {

style: "text-align: right;"

},

width: 100

}, {

field: "StartDate",

title: "Start date",

attributes: {

style: "text-align: right;"

},

width: 100

},{

field: "NewUnitPrice",

title: "New Price",

attributes: {

style: "text-align: right;"

},

width: 100

}, {

field: "PriceChangeUnits",

title: "Price change",

attributes: {

style: "text-align: right;"

},

width: 100

}, {

field: "PriceChangePercentage",

title: "% change",

attributes: {

style: "text-align: right;"

},

width: 100

}, {

field: "ManufacturerJustification",

title: "Justification Provided",

width: 150,

attributes: {

style: "font"

}

}, {

field: "ExcludeFromUpload",

title: "Excluded from upload",

width: 100,

template: "<a class='btn btn-link colorBlue' type='button' id='button${PricingImportId}' onclick=

'onExcludeFromUploadPrice("" + "excludedFromUploadPriceAnalysis" + "", "" +  "@excludeFromUploadUrl" + "", "" + "${PricingImportId}" + "")'

><i id='excludedFromUploadPriceAnalysis" + "${PricingImportId}" + "' class='fa fa-toggle-off'></i></a>",

attributes: {

style: "font",

style: "text-align: center;"

}

CSS:

#priceChangeAnalysisGrid .k-link {

color: black !important;

}

.hidden {

display: none;

}

.k-button.k-upload-button {

color: #fff;

background-color: #009639;

border-color: #009639;

}

What could it be happening here?

Thanks in advance

Grid

answered on 06 Aug 2020

5 answers

1.0K+ views

Selecting "All" in pagination dropdown of kendogrid causing page to hang for sometime.

When we select "All" in pagination drop down of kendo grid, it causes page to hang/unresponsive for sometime. This happens huge datasource( like 10000 ) only. Kindly provide a solution how can we resolve this issue.

Grid

answered on 06 Aug 2020