Questions on UI for ASP.NET MVC Forum

1 answer

130 views

Display Distinct Values in Parent Node Of TreeView

Hello,

I have been having issues displaying distinct values for the parent nodes. I have attached some sample files to show you what it is doing.

Thanks

BT

TreeView

answered on 01 Nov 2013

1 answer

210 views

Automatically show centered loading image on Kendo Web ListView, as the Grid does?

Is there any setting for the ListView (Web / MVC) that would show the same loading image / spinner as the Grid does by default?

Why should it behave any differently when loading its content via ajax?

Thanks,
-Dave

ListView

answered on 01 Nov 2013

1 answer

223 views

Kendo Mobile ASP MVC Tutorial

Would anyone be able to point me in the direction of a tutorial on how to set up and configure a basic mobile website in Visual Studio using the Kendo UI? I can find examples for Kendo Mobile and examples for Kendo ASP MVC, but none that seem to combine the two. Other examples I've found relate more to how to package the apps for publishing to the app store which is not really what I'm looking for either. Even a pre-configured sample project that I could download and run in VS would be useful as a starting point.

Thanks for any help!

General Discussions

answered on 31 Oct 2013

1 answer

888 views

how to check checkeboxes based on a condition

Hello,

I've got a treeview which is bound client side and displays checkboxes.
On page load I need to check some of them based on a condition.

element.kendoTreeView({

dataSource: data,

checkboxes: {

name: "checkedData",

template: "<input type='checkbox' name='checkedData' value='#= item.text #' />"

}

});

data is created like this :
data.push({
text: item.someName, checked : checked
});

I can't add a "checked='#= item.checked#'" in the template because this will check everything regardless of what I have in item.checked - it's an html thing.
So how can I achieve this ?

TreeView

answered on 31 Oct 2013

3 answers

261 views

Kendo Menu - Theme Builder - on hover, child menu transparent

What CSS property am I missing or do I need to add so that my child menu will show up when I hover over the parent item in IE?

Currently, when I hover over the parent item that has a child menu, you can see the border around the child menu, but the menu itself is transparent in IE. Only after I hover over an item in the child menu does the background-color and text show up using IE. Firefox and chrome both work as expected. I did use the theme builder based on the silver theme, but only changed the gradient of the widget and the gradient of the widget states. In order to get the gradients to show up correctly in IE, I had to add these lines of code:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3695b3, endColorstr=#00536e, GradientType=0);

-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3695b3, endColorstr=#00536e, GradientType=0);

Is there a better way to get the gradient working in IE and is this related to the child menu not showing?

An image is attached to show what I see. Any ideas?

Menu

answered on 31 Oct 2013

1 answer

191 views

Missing Examples

I'm trying to find the Examples that according to multiple posts should be at C:\Program Files (x86)\Telerik\Kendo UI for ASP.NET MVC Q2 2013\wrappers\aspnetmvc\Examples.

My version was recently updated by the Telerik Control Panel and I don't have the Examples folder. (I do have Binaries, EditorTemplates, LegacyThemes.)

Have they been moved or removed? Hard to follow the demos without the Example model code.

Thanks,
Jeff Trotman

Installer and VS Extensions

answered on 31 Oct 2013

2 answers

116 views

Kendo GRID different behavior on column template between local debug and deployed site

Hi all

I'm running into an annoying problem with the grid colum template.

I have a ASP.NET MVC 4 app that use a kendo grid to render a set of dynamic column.

The razor code of the view is something like this

<div>

@(Html.Kendo().Grid(Model.Items)

.Name("GridReportCommerciale")

.Columns(columns =>

{

columns.Bound(p => p.Workcentre)

.Template(@<div onclick="openVincoli('@item.Workcentre')" class="contentCell" style="font-weight:bold;font-size:11px" >@item.Workcentre</div>)

.Title("WC").Width(60);

foreach (var sett in Model.SettimaneVisibili)

{

columns.Template(@<text>

@if (item[sett.Clone()] != null && item[sett.Clone()].Diametro > 0)

{

if (item[sett].Stato == "R")

{

<div onclick="openCampaign('@item[sett.Clone()].RiferimentoCampagna')" class="contentCell" style="background-color:#FF8C00;">

<div>@string.Format("{0:0.00}", item[sett.Clone()].Diametro)</div>

<div>@string.Format("({0:#,##0})", item[sett.Clone()].Quantita)</div>

</div>

}

else

{

<div onclick="openCampaign('@item[sett.Clone()].RiferimentoCampagna')" class="contentCell" style="background-color:#FFFFE0;">

<div>@string.Format("{0:0.00}", item[sett.Clone()].Diametro)</div>

<div>@string.Format("({0:#,##0})", item[sett.Clone()].Quantita)</div>

</div>

}

else

{

<div class="contentCell" >

<div> </div>

</div>

}

</text>)

.HeaderTemplate(

@<div>

<div>@string.Format("{0:00}-{1:0000}", sett.Clone().NumeroSettimana, sett.Clone().Anno)</div>

<div>@string.Format("{0}", sett.Clone().GetDayRange())</div>

</div>)

.Width(70);

}

})

.Scrollable()

.ToolBar(t=>{

t.Template(@<div class="k-toolbar k-grid-toolbar k-grid-top">

<a class="k-button k-button-icontext " href="/ReportCommerciali?pos=-1">

<span></span>

Indietro

</a>

<a class="k-button k-button-icontext " href="/ReportCommerciali?pos=1">

<span></span>

Avanti</a>

<span>@Model.VisibleRangeDescription</span>

</div>);

})

//.Resizable(resize => resize.Columns(true))

//.Reorderable(reorder => reorder.Columns(false))

.HtmlAttributes(new { style = "height: 700px;" })

)

</div>

The problem is that in debug mode this snippet work properly and produce the expected result.
Once deployed (on a Windows Server 2008 R2, IIS 7.5) the snippet render the right number of column but in all of them show data of the last item
of the collection Model.SettimaneVisibili on which i'm iterating.

I've attached two images that show the good (expected) result, and the wrong one.

Any Idea?

Grid

answered on 31 Oct 2013

11 answers

212 views

Possible recurring events bug

Hi!

Could you please see if you can reproduce this behavior:

1) I create a recurring event, e.g. repeat daily for the next five days (Mon-Fri this week).
2) I edit the Wednesday event, e.g. make it shorter.
3) I then go back to the first event (Mon) and double-click it to edit the title.
4) Now I have TWO events on Wednesday; the one I shortened in no. 2 and the recurring event w/edited title.

Is this the expected behavior?

Best regards,
Gunnar

Scheduler

answered on 31 Oct 2013

2 answers

132 views

Grid Edit with Template

In the previous Telerik MVC (pre Kendo), if you had editing (insert/edit) enabled and had a defined the following:

<other trid stuff>
.Editable( editing => editing
   .Enabled((bool)true)
   .Mode(GridEditMode.InLine)
   .TemplateName("MyEditTemplate")
)
<rest of grid stuff here>

upon insert or edit, it would open up the MyEditTemplate below the grid row (like a detail template) and allow you to edit inline (not in the grid cells).

I'm trying to make this happen with Kendo for MVC - and it doesn't seem to work - it adds that blank row and puts the edit controls right in the grid cells.

Am I missing something or is this out of the box anymore in Kendo UI?

Thanks In Advance,

Rene.

Grid

answered on 31 Oct 2013

5 answers

458 views

Problem with pre-render filtering with more than 2 filters on a column using the CompositeFilterDescriptor

Hi!

I have been trying out the Kendo UI Grid using the MVC wrappers and I must say that so far Kendo UI Grid is a great product!

But I have stumbled upon a java script error: "Uncaught TypeError: Cannot call method 'set' of undefined" in the kendo.web.min.js file, it is a bit hard to debug considering I only have access to the minified version of the file.

The error occurs when I'm applying more than 2 filters on a column using the CompositeFilterDescriptor, the filtering still works fine but the java script error is preventing all java script on the page to execute.

Code example:
var filters = new List<IFilterDescriptor>();

var cfd = new CompositeFilterDescriptor();
cfd.LogicalOperator = FilterCompositionLogicalOperator.Or;

//The error occurs if filtersToAdd contains more than 2 filters to be added to that column
foreach (var filter in filtersToAdd)
{
cfd.FilterDescriptors.Add(new FilterDescriptor(Member, FilterOperator.IsEqualTo, FilterValue));
}

filters.Add(cfd);

return builder.DataSource(s => s.Server().PageSize(pageSize).Filter(f => f.AddRange(filters)));

Regards,
Joakim Thun

Grid

answered on 31 Oct 2013