Questions on UI for ASP.NET MVC Forum

6 answers

192 views

[Solved] Different column results based on AJAX vs. Server

I can't really find any examples where you guys use a datetime column in your grids. What i have is a grid that just has the following column binding:

columns.Bound(o => o.FormattedDateCreated).Width(110);

if i use server binding, a sample result i get from the above is:
7/3/2012 5:48:01 PM
if i use ajax binding instead, the same value in the will read the following instead:
Tue Jul 03 2012 17:48:01 GMT-0700 (Pacific Daylight Time)
How do i format the data in the bound column? I want to use Ajax binding, but i want the value to display like the server binding above. I tried using the 'format' parameter for that bound column (and setting it to "d"), but that just make the display value for all rows in that column "d".

Grid

answered on 12 Jul 2012

2 answers

183 views

Grid FilterTemplates

I need grid filter controls which look like the Telerik WPF or Silverlight filters (see attached image). The ASP.NET AJAX suite has FilterTemplates. The Telerik .NET MVC controls do not, and I can't find anything like it in the KendoUI. Is there a way to get custom filters like the one in the image? I specifically need this when the filter icon is clicked, not somewhere else on the page.

Grid

answered on 12 Jul 2012

1 answer

166 views

LINQ query with Distinct() throws error

Hi all,
I'm trying to bind a LINQ query that has a Distinct() in it and bind it to a Grid (this is the Telerik grid still, haven't converted to Kendo yet). I've tried adding AsQueryable() to it also, but still getting a "Specified method is not supported exception."

My query looks like this:

var rewardTypes = (from type in _rewardTypeRepository.GetAll()
from vo in type.ValidOutlets
join ot in _outletRepository.GetAll()
on vo.Outlet.Id equals ot.Id
where userOutletIds.Contains(ot.Id)
select vo.RewardType).Distinct().AsQueryable();

Any ideas or guidance on this would be greatly appreciated.

Thank you,
Matt

Grid

answered on 12 Jul 2012

0 answers

134 views

How to bind? values are undefined

I don't know how to resolve my problem. I am trying to bind in server and ajax as well. but until this moment it wont show up the value.... i just followed what is says in the documentation...but everything is not working!

AutoComplete

asked on 12 Jul 2012

0 answers

153 views

about alert UI

How to achieve the alert or messagebox function of.
I Don't find the alert UI at kendo UI.
Do use the window to achieve

Window

asked on 11 Jul 2012

2 answers

295 views

Grid with nested objects datasource?

Hi,

I am using the Beta version 2012.2.621.

It happens that the model option is not set when i am using nested objects ( My model contains nested objects).
If I use the Model helper method, it doesn't work because it creates something like

model:{fields:{Parent.Children:{type:"number"}...

and this is not a valid javascript syntax.

Do I have to flatten my datasource or is there a workaround ?

Thanks.

Yann

Grid

answered on 11 Jul 2012

0 answers

164 views

Kendo UI Mobile in ASP.NET MVC?

Hi all,

I may be a beginner for ASP.NET MVC developer, but I created the new MVC4 RC project, and it allow to develop the mobile application with jQuery mobile layout as default. Are there any ASP.NET MVC examples for Kendo UI Mobile? For MVC examples, I see only Kendo UI web and dataviz on Q2 Beta demo.

Are there any ways or examples to develop ASP.NET MVC mobile application using Kendo UI Mobile? Moreover, if there are the way to develop ASP.NET MVC mobile application, how to build the MVC project for the mobile device?

Thank you :))

General Discussions

asked on 10 Jul 2012

2 answers

258 views

Html helpers

Hi,

MVC controls helpers generated html, then on the end with ScriptRegistrar applied javascript to those elements. Now you are rendering script just after the element, so if I have 100 controls on page, 100 script "oneliners" would appear in generated html(both examples below).

Question is why change helpers behaviour(except initializanig control properties through jquery)?

old way:

<div class="t-widget t-dropdown t-header" style="width:100%;" tabindex="0"><div class="t-dropdown-wrap t-state-default"><span class="t-input">Value</span><span class="t-select"><span class="t-icon t-arrow-down">select</span></span></div><input id="someField" name="someField" style="display:none" type="text" value="0"></div

>

//scripts are applied on the end with ScriptRegistrar, so clean html, no matter how much controls

new way

<span style="" class="k-widget k-combobox k-header"><span unselectable="on" class="k-dropdown-wrap k-state-default"><input class="k-input" type="text" autocomplete="off" tabindex="0" style="width: 100%; "><span unselectable="on" class="k-select"><span unselectable="on" class="k-icon k-arrow-down">select</span></span></span><input id="someField" name="someField" data-role="combobox" style="display: none; "></span><br><br><script><br><span class="Apple-tab-span" style="white-space:pre"> </span

>



//this part bothers me, with each control I get this in html

<script>jQuery(function(){jQuery("\#someField").kendoComboBox({});});

</script>

General Discussions

answered on 10 Jul 2012

3 answers

423 views

[Solved] Dynamically adding tab with append, imageUrl and imageHtmlAttributes.

I am trying to dynamically add a tab using the append method, but I cant get any of the imageHtmlAttributes to get inserted into the html.
Here is my code:

tabStrip.append(

[{

text: tabText,

content: "<iframe style=\"width:100%\" src=\"" + url + "\"></iframe> ",

imageUrl: "/Images/dialog_close_button.png",

imageHtmlAttributes: { "onclick": "closeTab($(this).closest(\"li\"));" },

collapsible: true

}]

);

However the onclick is never added.

TabStrip