Questions on Kendo UI for jQuery Forum

1 answer

96 views

Dynamic show/hide column based on property

Hello,
I have a scenario where have to a column based on value . is there ? I know row-template cannot be solution since it will not hide column

MVVM

answered on 08 Dec 2017

3 answers

494 views

Problem with multiple=false in Upload control

Hello, I am using Upload Control (Kendo UI), in the view code I specify k-multiple="false" in the upload control.

Example:
<input type="file" name="file_{{doc.Name}}"
kendo-upload k-async="{ saveUrl: '@ViewBag.UploadUrl', removeUrl: '@ViewBag.RemoveUrl', autoUpload: true }"
k-select="onFileSelect"
k-multiple="false"
k-upload="onFileUpload"
k-success="onSuccess" />

My situation is:
- When the file selected is uploaded and the control is 100% (green color), after this, the upload control allows to select another additional file and upload it, but I need that upload control doesn't allow select and upload multiple files.

Could you please help me?

Upload

answered on 08 Dec 2017

5 answers

983 views

Timeline View - Show current time (hour)

I could not find anything in the API, I want the initial timeline view to show the CURRENT hour, not the start of the day. Is this possible?

Scheduler

answered on 08 Dec 2017

1 answer

83 views

Client Side Sorting & Grouping on Chrome

We've had an issue with sorting large, grouped dataSources only in Chrome.

In this thread it was suggested that you have to ensure there's a sort definition on the dataSource: https://www.telerik.com/forums/server-sorting-client-grouping-messes-up-order-in-chrome

It appears to work, but only sometimes, and seems to be random when it fails. There was previously a bug filed in Chrome because it uses an unstable sort, but this issue has been closed as "Working as Intended" by the Chrome team. https://bugs.chromium.org/p/v8/issues/detail?id=90

We're using kendo controls v2017.3.913, but as the bug in Chrome was closed, is there a possibility of re-addressing this with Telerik?

Thanks!

Data Source

answered on 08 Dec 2017

10 answers

2.1K+ views

Javascript Error on "Edit" Command

I just updated to the 2017 R1 release of Kendo UI (I wanted the new web font icons). After updating, my grid raises an error when I click the edit button.

The error is "Function Expected" and occurs in kendo.all.min.js on this line:
return!!e.field&&(!(t.editable&&!t.editable(e.field))&&!(e.editable&&!e.editable(t)))

The culprit line within that line is e.editable(t)

In the Visual Studio debugger e looks like:

__proto__ {...} Object
editable true Boolean
encoded true Boolean
field "SponsorFirmID" String
headerAttributes {...} Object
hidden undefined Undefined
template "#= SponsorName# " String
title "Sponsor" String
width "20%" String

and t is:

AccountDescription Contractor String
AccountDisplay Carey, Christopher String
AccountID 5412 Number
AccountName ccarey String
AccountType Contractor String
AccountTypeID 1 Number
AccountURL http://adcf01w/ondemand/fid2pid.cfm?fid=5412 String
dirty FALSE Boolean
ExpireDT Tue Jan 31 2017 19:00:00 GMT-0500 (Eastern Standard Time) Object, (Date)
id ccarey String
LastConfirmedDT 0001-01-01T00:00:00 String
LastValidatedByFirmID null Null
LastValidatedByName null Null
MaxDaysToExtend 90 Number
SponsorFirmID 4793 Number
SponsorName Waldmann, Christopher String
uid ca20e06b-1935-44a0-b5f5-c44d6aa869d5 String
e {...} Object
[Methods] {...}
__proto__ {...} Object
editable TRUE Boolean
encoded TRUE Boolean
field SponsorFirmID String
headerAttributes {...} Object
hidden undefined Undefined
template #= SponsorName# " String
title Sponsor String
width 20% String

e looks like the field reference while t looks like the dataItem reference.

Here is my model in my datasource:

model: {
id: "AccountName",
fields: {
AccountID: { editable: false },
AccountName: { editable: false },
AccountDisplay: { editable: false },
AccountTypeID: { editable: false },
AccountType: { editable: false },
SponsorFirmID: { required: true },
SponsorName: { editable: false },
ExpireDT: { type: "date", required: true },

}
}

and here are the column definitions for my grid:

columns: [
{
field: "AccountDisplay", title: "Name",
headerAttributes: { style: "font-weight: bold;" },
width: "20%",
editable: false
},
{
field: "AccountType", title: "Type",
headerAttributes: { style: "font-weight: bold;" },
width: "10%",
editable: false
},
{
field: "SponsorFirmID", title: "Sponsor",
headerAttributes: { style: "font-weight: bold;" },
width: "20%",
editor: personDropDownEditor,
template: '#= SponsorName# ',
editable: true
},
{
field: "ExpireDT",
template: (function(dataItem){
return kendo.toString(dataItem.ExpireDT, "g");
}),
title: "Expires",
headerAttributes: { style: "font-weight: bold;" },
editor: expireDateEditor,
width: "30%",
editable: true
},
{
command:[
{
text: "Confirm Row",
click: ConfirmData,

imageClass: "k-icon k-i-check",
},
"edit"
],
title: " ", width: "20%", attributes: { style: "text-align:center;" },
editable: false
}
]

I tried removing the custom editor from the SponsorFirmID field, but to no avail. This was working prior to the upgrade and works with the old kendo.all.min.js, but the edit icon does not show.

Grid

answered on 08 Dec 2017

5 answers

528 views

Performance

Hello,
I have a problem regarding the performance of the scheduler and can’t find a suitable solution in the forums. I am working with a licenced kendo ui package.
My Scenario: I need to display ~10000 elements in the scheduler ( ~100 resources with ~100 elements each )
Since loading all at once is obviously too slow, I split the loading process.
Initializing the scheduler dataSource and adding single elements was done using scheduler.dataSource.pushCreate(), .pushDelete() and .pushUpdate()

var dataSource = new kendo.data.DataSource({ schema: { model: { id: "id"}}});

dataSource.pushCreate({ id: 1, name: "John Doe" });

For each subsequent element I add the time for that addition increases – while the first is done in about 0.1 seconds, my 1000th element takes 3 seconds. This results in low performance, even worse since the UI seems to be blocked during that process.
So I need a way to subsequently load more elements into the scheduler without increasing execution times, and, if possible, to still interact with the scheduler during the addition. Is there a way to do this already, or if not, to have someone implement that for us?
Thank you in advance for your help.
Regards,
V. Gogov

Scheduler

answered on 07 Dec 2017

2 answers

171 views

How we can make single pane has a common x axis and multiple y axis.

Example:

Single pane has following things:-

Common x axis/category Axis = Date field

Multiple Y axis/value Axes = currency field

Here Y axis/value Axes should be load based on the country/city along with name of the country/city name should be visible besides of the currency filed.

Advance thanks for your help.

Thanks,

Raju

Charts

answered on 07 Dec 2017

9 answers

2.3K+ views

Forcing Save Method

Good morning,
I have a problem could they help me?
I'm using Kendo Grid, one of the columns I am using an editor that calls a function that opens a popup, that popup'm working with image, I like it when I closed this popup and then clicked the save button from the toolbar kendo he called the method of update, even though I have not changed the data rows of the grid, but only the popup, which does not happen because as I have not changed any grid line he does not call the event. But only update the data of the row that was clicked.

What would help me a lot is to open a popup after clicking on a line, check if he uploaded a picture (I do this via jquery) if so, pretending that there was a change to that line without necessarily have occurred to that when you click save, it calls the update method of the object and send only the line was altered ie the image.

Grid

answered on 07 Dec 2017

1 answer

854 views

Loading detail template from same data source as grid

Hello,

I'm having problems getting the details template template to populate from the same kendo data source as the grid. I'm loading the data source for the grid like this:

gridDatasource = new kendo.data.DataSource{

transport:

{

read: function(options)

{

$.ajax({

url: "../services/foo.asmx/GetData",

datatype: "json",

success: function(result){ options.success(result) }

});

}

The grid populates fine but the detail template will not load. This is how I'm trying to call the detailInit(e)

function detailInit(e) {

getRenewalOpsDetails(e.data);
var detailRow = e.detailRow;

detailRow.find(".tabstrip").kendoTabStrip
({
animation: { open: { effects: "fadeIn" } }
});

detailRow.find("#grdAccountDetails").kendoGrid
({
dataSource: kdsRenewalOpsDetails,
scrollable: false,
columns:
[
{ field: "RefNo", title: "Account Ref No" },
{ field: "NamedInsured", title: "Named Insured" },
{ field: "Address", title: "Address" },
{ field: "RenewalOpsComments", title: "Comments" }
]
});

}

function getRenewalOpsDetails(data)
{
kdsRenewalOpsDetails = new kendo.data.DataSource
({
dataSource:
{
data: data,
schema:
{
model:
{
field:
{
Address: { type: "string" },
NamedInsured: { type: "string" },
RefNo: { type: "string" },
RenewalOpsComments: { type: "string", editable: true },
RenewalOpsCommentsTextID: { type: "number" },
StateCode: { type: "string" }
}
}
}
}
});
}

When debugging inside of chrome I can see that there is data inside of e.data, but the details grid will not populate. Any help would be greatly appreciated, thanks!

Grid