Questions on Kendo UI for jQuery Forum

3 answers

128 views

Error in group method with MobileListView

Hello everyone's, I'm getting an JS error when I want implement an group function into the MobileListView, I'm not sure what I need do to fix it, and it is only showing with the group method, this error happen in IE and Chorme and Firefox
This the error:

Unhandled exception at line 11, column 1845 in http://localhost:65186/Scripts/Kendo/kendo.mobile.min.js
Uncaught TypeError: Cannot read property 'length' of undefined

This is my Mobile List View

@(Html.Kendo().MobileListView<IDigitales.RadBook.Web.Models.StudyViewModel>()

.Name("listview")

.TemplateId("tmp")

.HeaderTemplateId("htmp")

.FixedHeaders(true)

.Style("inset")

.DataSource(datasource =>

datasource

.Read(read => read.Action("Studies","Home").Data("searchparameter"))

.PageSize(10)

.Group(g=>g.Add(m=>m.PatientName))

)

and these are my templates:

<script type="text/x-kendo-template" id="tmp">

<div data-role="content" style="width:100%;">

<table style="width:100%; border-width:2px;">

<tr style="border-width:thin;">

<td style="width:33%">

#: PatientName #

</td>

<td style="width:33%">

#: Modality #

</td>

<td style="width:33%">

#: StudyDate #

</td>

<td>

<div style="background-color:WhiteBlue;">

Status Report

</div

</td>

<td style="right:0px; width:33%">

<div style="position:relative; right:0px;">

<a data-role="button" class="view" data-click="onClick" id="#=StudyId#">View</a>

</div>

</td>

</tr>

<tr>

<td>

#: Description #

</td>

</tr>

<table>

<div>

</script>

<script type="text/x-kendo-template" id="htmp">

#: PatientName #

</script>

ListView (Mobile)

answered on 12 Mar 2014

2 answers

59 views

Change rooms dinamically

Hi!

I'm using the Scheduler, and from a multiselector I want to select the rooms I want to show.

From start, I'm filling the rooms like this:

resources: [
{
field: "roomId",
name: "Rooms",
dataSource: jQuery.parseJSON(response).Rooms,
title: "Room"
}
]

So, inside the change event of the multiselector I want to trigger a change inside the Scheduler to hide or show the rooms selected. How can I do that?

Thanks in advance.
Daniel

Scheduler

answered on 12 Mar 2014

1 answer

162 views

Resize event

In my application I need to place IFrame under the tree view and I need to know what is the size when it expands/collapsed
$("#groupPagesTreeView").resize(function() {
pubsub.emit("panelResized", $("#groupPagesTreeView"));
});

how ever i am not getting the event and when
$scope.treeview = $("#groupPagesTreeView").data("kendoTreeView");
$scope.treeview.bind('expand', onExpand);
$scope.treeview.bind('collapse', onExpand);

the events are called before the end of the resizing

is there a solution?

TreeView

answered on 12 Mar 2014

1 answer

95 views

Paragraph Style Picker Transparent

On IE8 (at least for me) the paragraph style picker appears with a transparent background, so the editor content mixes with the style options. Is this intended? Is there a fix for IE8? Sorry if this is a repeat, but I couldn't find a similar issue.

Editor

answered on 12 Mar 2014

1 answer

663 views

Autocomplete k-animation-container width and postioning

Hello

I have a issue adding custom styled auto-complete to row in a grid for filtering. The auto-complete k-animation-container has wrong width is positioned far off from autocomplete anchor (span.k-autocomplete ).

My customization simply changes width of the autocomplete and add a min-width to list items. Any ideas why the k-animation-container has wrong width is position is off ?

AutoComplete

answered on 12 Mar 2014

1 answer

169 views

Not working with Layout page in MVC

Hello,

My chart is working perfectly well if I don't include a Layout page (ASP.NET MVC). However, once I add our main layout page to the mix, the chart no longer renders. In Firebug it's saying "ReferenceError: jQuery is not defined". I have included jQuery and the Kendo libraries in both the layout page, as well as the View... to no avail. Has anyone seen this before?

Thanks!

General Discussions

answered on 12 Mar 2014

1 answer

107 views

Mobile-friendly x-Axis Labels

I’ve created the DataViz control and I’ve gotten it pretty much the way I want it. However, I am unable (don't know how) to use jQuery/JS to change the Labels on
the X-Axis. I am currently displaying hours 1-24. I’m using Bootstrap to make your chart(s) more mobile-friendly (if you have a sample of that, other than the one online, it’d be greatly appreciated!). So when I use Bootstrap [or don’t] and look at it on a mobile emulator, it’s cramming all 24 labels into a tiny little 300pixel spot, and obviously they all overlap. This is a line chart and I'm using ASP.NET MVC4. Is there any means to do this, preferably in jQuery or JS?

Thanks!

Charts

answered on 12 Mar 2014

1 answer

783 views

Resizing Edit/Delete buttons in Grid

Hi,

I'm not sure how to resize the Edit and Delete buttons in the Kendo Grid after getting rid of the text so it only shows the icon.

I was able to do so for the "Create" button. (see image)

It worked for the create button when I simply set the Text field to nothing, and re-adjusted the padding like this

$('.k-button').css('padding-right', '2px');

But it didn't work for the other two buttons.

Grid

answered on 12 Mar 2014

4 answers

1.3K+ views

Prevent selecting files with same filename

Hello,

I have an async fileupload in use. What I need is, that a file with the same name can only be selected once.

e.g.:
User selects: a.pdf, b.pdf, c.pdf
> All 3 files are shown in the file list

User selects: c.pdf, d.pdf
> Only d.pdf should be added to the file list, because c.pdf has already been added.

User uploads files
> a.pdf, b.pdf, c.pdf, d.pdf get uploaded...

I don't care if its exactly the same file - just a comparison to the filename is enough. What I tried is to manipulate the select-event:

OnSelect: function (e)

{

var selectedFiles = $(".k-upload-files li #fileName");

e.files = $.grep(e.files, function (value)

{

for (var i = 0; i < selectedFiles.length; i++)

{

if (selectedFiles[i].innerHTML == value.name)

return false;

}

return true;

});

}

Well, that doesn't work so far. The list of files gets minimized correctly but the files are still added to the FileList. Hope someone can help me.

Thank you!

Upload

answered on 12 Mar 2014

1 answer

667 views

Aggregated values

Hi guys,

I have few queries:

1. Is it possible, that the "Aggregated Value" of "sum" is updated as soon as I change any value of the column while bulk update. Currently it is updating on saving record.
2. How can I get this "Aggregated Value", as I have to use this in my formula (used in the change event of DataSource. I have mentioned "console.log" function in my code and I need to identify total of Foo, total of Foo with bar "A", "B" and "C" individually.

My code is as below:

var grid = $("#grid").kendoGrid({

dataSource: {

data: [

{foo: 10, bar: "A", total: 0},

{foo: 20, bar: "B", total: 0},

{foo: 5, bar: "B", total: 0},

{foo: 35, bar: "A", total: 0}

],

schema: {

model: {

fields: {

foo: { type: "number" },