Questions on Kendo UI for jQuery Forum

13 answers

139 views

Blank screen on certain Android devices with Android 5.x

Hi,

We ran into a problem described on the following thread:

http://www.telerik.com/forums/blank-screen-on-certain-android-devices-with-android-5-x?actionMode=replyThread

In a nutshell, certain users, on Android 5.x complain of empty screen when trying to scroll the app.

The suggestion was to try to use CrossTalk - but it did not solve our issue. Given that it did not work, we were referred to this forum for potential help - I am wondering if anyone here knows how to overcome this issue.

Thanks,

Ron.

Application

answered on 06 Jun 2016

2 answers

179 views

Nested grid error after deployment

I have the following code:

@(Html.Kendo().Grid<CheckinViewModel>()

.Name("grid_#=SubmissionLineItemId#")

.Columns(cols =>

{

cols.Command(cmd => cmd.Destroy()).Width(100);

cols.Bound(ci => ci.Id).Hidden();

cols.ForeignKey(ci => ci.StorageAreaId, (IEnumerable)ViewData["storageAreas"], "Id", "Name").Title("Storage Area");

cols.Bound(ci => ci.Quantity);

cols.Bound(ci => ci.Bags);

cols.Bound(ci => ci.Buckets);

cols.Bound(ci => ci.Jars);

})

.ToolBar(tb =>

{

tb.Create().Text("Add Checkin");

tb.Save();

})

.Editable(ed => ed.Mode(GridEditMode.InCell))

.DataSource(ds => ds.Ajax()

.Read(read => read.Action("Get", "Checkins", new { submissionItemId = "#=SubmissionLineItemId#" }))

.Update(update => update.Action("Update", "Checkins"))

.Create(create => create.Action("Create", "Checkins", new { submissionId = @Model.Id, submissionItemId = "#=SubmissionLineItemId#" }))

.Destroy(destroy => destroy.Action("Delete", "Checkins"))

.Batch(true)

.Model(m =>

{

m.Id(ci => ci.Id);

m.Field(ci => ci.StorageArea).Editable(false);

})

.Events(ev => ev.RequestEnd("updateSubmissionGrid"))

)

.ToClientTemplate())

This all works fine running through Visual Studio (development server). However, when I deploy it to my test server, something (I'm not 100% sure what) causes an error. The message "Uncaught SyntaxError: Unexpected token ILLEGAL" (found in the Console of the Chrome browser tools) appears when I expand a row in the parent grid. Subsequently clicking the "Create" button causes an error on my server-side code, as the IDs ("#=SubmissionLineItemId#") are not substituted. Any idea what could cause this?

Grid

answered on 06 Jun 2016

2 answers

678 views

[Solved] Is there a grid system similar to bootstrap 12 column grid system available in Kendo UI

Hi

I am trying to see if there is a grid system for styling the UI in similar lines with the Bootstrap 12 column grid system. I want to move away from using the bootstrap altogether and as a first step looking at figuring out the layout of the web page. I tried to search the forums, but most of the grid questions pivot around the datagrid.

Thank you

-YK

General Discussions

answered on 06 Jun 2016

4 answers

384 views

Problem with multiline textarea

Hello,

I'm using kendo.drawing.drawDOM and kendo.drawing.exportPDF, to print some content. I have few multiline textareas there, and unfortunately they are not displayed correctly in the PDF (see attachment: there's one of textareas at the top, and below there's what I get on the pdf).

Is that maybe a known issue? Could I handle it maybe by configuring drawDOM or exportPDF functions?

Thanks a lot,

Regards,

Pawel

Drawing API

answered on 06 Jun 2016

1 answer

263 views

Changing values listed in resources drop down lists in kendo scheduler

Hello,

I'm using the kendo scheduler and have defined two resources that will be populated with remote data.

The first one is "groups" and the second one is "members".

The "members" list should be depending on the selected value of the "groups". So for instance, if I choose group1, I would like to populate the "members" resource with the people in that group.

I would like to know the event fired with a new value in "groups" is selected. How can I bind the resource to kendo DropDownList?

Scheduler

answered on 06 Jun 2016

1 answer

177 views

[Solved] Template for ContextMenu AngularJs

Hello,

Is it possible to have a customize template of subMenu in ContextMenu using AngularJs?

Menu

answered on 06 Jun 2016

1 answer

380 views

edit event of Child Grid

In a master child Kendo Grid in the child grid that's been configured for edit/create/celete how do we know if are editing or creating ? For a single level grid we can handle it this way and set the window title.

edit: function(e) {

if (!e.model.isNew()) {
$(".k-window-title").text("Edit ");

// Disable the editor of the "id" column when editing data items
var numeric = e.container.find("input[name=id]").data("kendoNumericTextBox");
numeric.enable(false);
}
else{
$(".k-window-title").text("Create");

}

How do we do the same in a child grid ? ( http://demos.telerik.com/kendo-ui/grid/hierarchy ) . Here

$("<div/>").appendTo(e.detailCell).kendoGrid({

Grid

answered on 06 Jun 2016

1 answer

75 views

Kendo Sortable drag&drop text hangs

HI,

When I am trying to sort list view using kendo sortable drag & drop, list item hangs in between and stays there itself on the page and it is visible through out app in all views even if I leave the page where text hangs happen. After debugging I found that sometimes index of dragged item is coming as undefined or e.item.data("uid") is coming as undefined. Please check into this.

Thanks,

Velu

Sortable

answered on 06 Jun 2016

2 answers

1.4K+ views

Accepted way to set dirty flag via javascript

I have a grid with incell editing with batch update set to true.

I have a custom command that synchronizes the data off two columns like this:

command.Custom("Sync Dates").Click("syncDates");

function syncDates(e) {
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
dataItem.set("Date1", dataItem.Date2);
}

What is the best way to set the dirty flag on the Date1 cell?

Grid

answered on 06 Jun 2016

1 answer

121 views

AngularJS Gantt + Tooltips on Mobile Devices

I have a Gantt chart which is instantiated using the AngularJS directives.

I noticed that when I run my Gantt page in a mobile device (phone or tablet), I have this exception:

Cannot read property 'bind' of undefined at kendo.ui.GanttTimeline.r.extend._tooltip

It’s a tooltip exception. I tried to put the tooltip property in the ganttOptions as visible false, and it works, but if I put the tooltip as true, it throws this exception. I have another Gantt in my application that doesn't use the tooltips and it's working fine on phones or tablets.

I don't think I'm missing any library references:

How should I proceed to make it work?

Gantt

answered on 06 Jun 2016