Questions on UI for ASP.NET MVC Forum

1 answer

242 views

Hi, I am current replacing Telerik MVC extension with Kendo UI for MVC and having some issues with new Grid. I have a Grid as follow:

@{

Html.Kendo().Grid(Model.Employees)

.Name("EmployeeGrid")

.Columns(columns =>

{

columns.Bound(o => o.FirstName).Width(100).Title("First Name");

columns.Bound(o => o.LastName).Width(100).Title("Last Name");

})

.Pageable()

.Render() ;

}

I had an Error as Uncaught TypeError: undefined is not a function in kendo.web.min.js:8 and all control after this Grid stop working as well. Could you give me some ideas how to fix it? thanks

Grid

answered on 13 Jul 2012

4 answers

222 views

[Solved] Get Id of Grid row dragged and dropped onto Treeview

Hi!

I have been trying to drag and drop a grid row onto a treeview item. It works reasonably well, but I dont see how I can get the ID of the grid row the drag originates from. Hopefully you can! Attached is an example triggering an alert box where I want to get the ID.

Thanks in advance!
/Victor

General Discussions

answered on 13 Jul 2012

0 answers

294 views

Enable disable Command / template Column

I want to enable the ViewDetails command button only if Type is 1 else disable upon grid load, here is the code that displays the data on the grid, but how to Enable/Disable it?

@( Html.Kendo().Grid<KendoUIMVC.Models.SIListing>()
.Name("Grid")
.Columns(columns =>
{
columns.Bound(p => p.Number).Width(75);
columns.Bound(p => p.Type).Width(50);
columns.Command(command => command.Custom("Accept").Click("AcceptDetails")).Width(60);
columns.Command(command => command.Custom("View").Click("ViewDetails")).Width(60);
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.Groupable()
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("getListing", "Listing"))
)
)

Grid

asked on 13 Jul 2012

1 answer

399 views

Bind to sitemap

I am having problems implementing the site map binding. I have scoured your example and don't understand how yours is working and mine isn't. Here is the code:

@(Html.Kendo().Menu()

.Name( "KendoMenu" )

.BindTo( "WebSiteMap"))

And in my Home Controller index method:

if( !SiteMapManager.SiteMaps.ContainsKey( "WebSiteMap" ) )

{

SiteMapManager.SiteMaps.Register<XmlSiteMap>( "WebSiteMap", sitemap => sitemap.LoadFrom( "~/Web.sitemap" ) );

}

However I still get this error:

"You must have a SiteMap defined with key "WebSiteMap" in ViewData dictionary." I'm pretty sure that is what my code is doing so I don't understand why I would be getting this error.

Any thoughts?

Thanks!

Menu

answered on 12 Jul 2012

6 answers

223 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

195 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

186 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

141 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

161 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

324 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