Questions on Kendo UI for jQuery Forum

1 answer

166 views

Hello guys,

I cannot download KendoUI package from Download section after sign-in to my account. For example link does not work:

https://downloads.cdn.telerik.com/86ac2829dca059e45bfc261705c874ed_kendoui.for.jquery.2018.2.516.commercial.7z_2018.2.516?Expires=1526712767&Signature=NpNf7~yk4Qvp1PtkdBAYb9xzGqPaEgVjYOT-BcQpjD9w-iM7lL1WvTtjT4btZmOPO28x33drVh1Iq5j0TOAMsmzqUvU3e4nIu6JMqhRCzN7HFy0YsLlBZJ~0pila8Te7K40A3w6H4wPHAFS-0wDJ21szpttUNjU~b0uXD7ASL5YqxL14oaLv8OqOvw9c6cTeQa3YLB2DY8UF8IVQkG2wv2-rYFAUFdVw111FRhXRU-C5tm407Uee4DEwuAu9fxmo-tLdD0K5P2P9tW5N5BhZT2AFesqI5iDlNqzufeDjVpxj35SkbFS4cmGr9UwLmDRcIc30Stakhv2rGXV1ln5bkA__&Key-Pair-Id=APKAJARUJ5BRNXKUUAFQ

Problem with CND downloads.cdn.telerik.com?

General Discussions

answered on 21 May 2018

8 answers

1.1K+ views

Inline edit for json object

I have this code but it acts weird:

<div id="relatedCirculars"></div>

<script src="kendo/jquery.min.js"></script>
<script src="kendo/kendo.all.min.js"></script>

<script>
var relatedCirculars = [{ Title: "Test1", URL: "http://adres/test1.docx" },
{ Title: "Test2", URL: "http://adres/test2.docx" }];

$("#relatedCirculars").kendoGrid({
dataSource: {
data: relatedCirculars,
autoSync: true,
schema: {
model: {
fields: {
Title: { validation: { required: true } },
URL: { validation: { required: true }}
}
}
}
},
toolbar: ["create"],
columns: [
{
field: "Title"
},
{
field: "URL"
},
{
command: ["edit", "destroy"],
title: " ",
width: "250px"
}
],
editable: "inline"
});

</script>

At any point, the content of "relatedCirculars" is not changed.

While editing and clicking on the second field, the edition is finished.

Validation seems not to work.

Cancel is not working.

Any idea what's missing?

Grid

answered on 21 May 2018

4 answers

1.9K+ views

Excel Export Progress bar

Hi, I need know if exist some way to show a progress bar while the excel export is executing like pdf export.

Regards

Grid

answered on 21 May 2018

9 answers

1.9K+ views

How to exclude MVC Kendo Grid's column filter “contains” option?

I'm working on the bug where one screen has a grid that contains a column showing numbers, but when I try to filter it, it has "contains" option.
When I type 0, I'm getting an error.
I need to filter that column as a number not as a string.

This is the fragment of the code:

<p>columns.Bound(x => x.DebitAmount).Title("Debit").Width(300).ClientTemplate("#=kendo.toString(DebitAmount,'c') #").ClientFooterTemplate("#=kendo.toString(sum,'c') #");

columns.Bound(x => x.CreditAmount).Title("Credit").Width(300).ClientTemplate("#=kendo.toString(CreditAmount,'c') #").ClientFooterTemplate("#=kendo.toString(sum,'c') #");

...............................other columns..........................

.Filterable(ftb => ftb.Mode(GridFilterMode.Menu)

.Extra(false)

.Operators(operators => operators

.ForString(str => str.Clear()

.Contains("Contains")

.IsEqualTo("EqualTo")

.IsNotEqualTo("NotEqualTo")

.IsEmpty("Empty")))

.Operators(operators => operators

.ForNumber(str => str.Clear()

.IsEqualTo("EqualTo")

.IsGreaterThan("GreaterThan")

.IsLessThan("LessThan")

)).Messages(m => m.IsFalse(" False "))

.Messages(m => m.IsTrue("True ")))

The model declares those fields as decimal

The generated columns show "Contains" filter, even though the value are decimal

I have another screen that shows decimal number as well, where filter is defined the same way, however, it does not include "contains" filter option.

This is the code:

columns.Bound(c => c.Amount).Title("Amount").ClientTemplate("#= kendo.toString(Amount,'c')#").Width("120px");

.................other columns.................

.Filterable(ftb => ftb.Mode(GridFilterMode.Menu)

.Extra(false)

.Operators(operators => operators

.ForString(str => str.Clear()

.Contains("Contains")

.IsEqualTo("EqualTo")

.IsNotEqualTo("NotEqualTo")

.IsEmpty("Empty")))

.Operators(operators => operators

.ForNumber(str => str.Clear()

.IsEqualTo("EqualTo")

.IsGreaterThan("GreaterThan")

.IsLessThan("LessThan")

)))

Everything seems the same (except of messages part) when defining the filter operations, but somehow, on the first screen, the "contains" operation is included and on the second is not.
What am I missing?

Grid

answered on 21 May 2018

1 answer

4.1K+ views

How to trigger change for dropdownlist to populate other field data

Hi

I have a dropdownlist that is setup like this:

<div class="requisitionForm-content">

@(Html.Kendo().DropDownListFor(m => m.RequisitionModel.FormDto.VendorIdentifier)

.Events(e => e.Change("onVendorChange"))

.OptionLabel("Select a vendor...")

.DataValueField("Identifier")

.DataTextField("Name")

.Filter(FilterType.Contains)

.DataSource(s => s.Read(r => r.Action("GetVendors", "RequisitionForm", new { formVendor = Model.RequisitionModel.FormDto.VendorIdentifier }).Type(HttpVerbs.Post).Data("getVendorExtraData")))

.HtmlAttributes(new { style = "width:360px" }))

</div>

When a selection is made, it populates some text fields on the page. onVendorChange is pretty simple:

function onVendorChange(e) {

var phone = "";

var address = "";

var fax = "";

var email = "";

var vendorDropList = $('#RequisitionModel_FormDto_VendorIdentifier').data("kendoDropDownList");

var dataItem = vendorDropList.dataItem();

if (dataItem) {

phone = dataItem.Phone ? dataItem.Phone : "";

address = dataItem.Address ? dataItem.Address : "";

fax = dataItem.Fax ? dataItem.Fax : "";

email = dataItem.Email ? dataItem.Email : "";

var requisitionList = $('#RequisitionModel_FormDto_RequisitionType').data("kendoDropDownList");

var reqType = requisitionList.dataItem();

if (dataItem.BlanketOrderPo &&

reqType &&

reqType.Identifier == "@RequisitionType.BlanketOrder.Identifier.ToString()") {

$('#RequisitionModel_FormDto_PoNumber').val(dataItem.BlanketOrderPo);

}

$('#RequisitionModel_FormDto_VendorContactPhone').val(phone);

$('#RequisitionModel_FormDto_VendorAddress').val(address);

$('#RequisitionModel_FormDto_VendorFax').val(fax);

$('#RequisitionModel_FormDto_VendorEmail').val(email);

}

I am trying to save the state of form in localstorage. I am retaining the "Identifier" value.

I am restoring the state of the form by:

(elem is the specific dropdownlist element)

.. snip ..

$(elem).data('kendoDropDownList').value(formObject[key]);

$(elem).data('kendoDropDownList').trigger("change");

.. snip ..

The dropdownlist shows the correct name, but it acts as though the onChange event does not trigger: none of the related text fields are populated.

However, if I run the following at the browser's console:

$("#RequisitionModel_FormDto_VendorIdentifier").data("kendoDropDownList").trigger("change");

the change event is triggered.

It feels like it's a bit of a race condition - the dropdownlist hasn't populated it's data yet, or .. something?

How can I wait for the dropdownlist to be ready to be triggered? Is there a better way to handle this?

Thanks in advance.

DropDownList

answered on 18 May 2018

2 answers

395 views

error raised for 200 status code when body contains a property named errors

Why is the datasource firing the error event when the response body contains a property named errors?

The error is not raised if I change the property name.

Data Source

answered on 18 May 2018

1 answer

1.0K+ views

Datasource Group, Grouping and Aggregates - Show the same aggregate values on all the group header.

Hi,

I'm looking for a way to show the sum of a column on the group line like in this example : https://docs.telerik.com/kendo-ui/knowledge-base/grid-align-group-header-with-cells, but for every group possible. In others words, I would like to show, let's say the total of Completed tasks no matter the grouping so if I group by age, the total of Completed tasks will be shown on the group header. If I group by age, the total of Completed tasks would be shown on the group header as well.

By enabling the grouping in the Grid, it seems that this only works for the group specified in the data source.

Please see my example : https://dojo.telerik.com/OcuquWOd

As you can see, the Count is only shown when the grid is grouped by Units in stocks. When the group is on another column, the Count is no more shown.

Do you have any idea on how to achieve this ?

Thanks,

Grid

answered on 18 May 2018

1 answer

669 views

[Solved] create event on double click of cell

Hi,
I'm trying to create an event on double click on a selected cell in the scheduler.
I have already implemented right click and drag event create and left click and create event

The below code is for create event on right click and drag

view.element.on("mouseup", ".k-scheduler-content td", function(e) {

if(e.which===1){

let scheduler = this;

let selection = scheduler.select();

let slot = scheduler.slotByElement($(e.target));

let resource = scheduler.resourcesBySlot(slot);

let roomId = resource.RoomID;

if (selection.events && !selection.events.length ) {

if(selection.slots.length>1){

//no events are selected then this is create

scheduler.select(null);

scheduler.addEvent({

reservationId:newResNumber,

title:"No Title",

FirstName:"Jane",

LastName:"Doe",

start: selection.start,

end: selection.end,

RenderColor:"#FFFFCE",

RoomID: roomId,

CheckedIn:true,

Moveable:true

});

}

}

});

How can i create event on double click on a selected event

Scheduler

answered on 18 May 2018

5 answers

626 views

Line Graph Marker on Mouse Hover

Hello everyone! :)

I'm working with a line graph and I'm trying to get markers to appear only when the user hovers over the line in the graph. I have found an example on another forum post that does exactly what I want, but I cannot figure out how the markers work. I see an explicit "visible: false" line, but nothing to set up the markers to appear on hover. Any help here will be greatly appreciated. Many thanks in advance!

The post I'm referring to is here
http://www.kendoui.com/forums/dataviz/chart/formatting-my-chart.aspx

And the poster's example is here (hover over the actual line values in the line graph to see what I'm talking about) Hopefully it's ok to post somebody else's link. This feels a little awkward. :)

http://jmillspaysbills.com/clients/radolo/rockhabits/daily-huddle.html

Charts

answered on 18 May 2018

2 answers

401 views

[Solved] Disable Auto-Fill ?

Is there a way to disable auto-fill on the spreadsheet? We don't want our clients to accidentally activate it and over-write data they've already entered in the spreadsheet.

Thanks.

Greg

Spreadsheet

answered on 17 May 2018