Questions on UI for ASP.NET MVC Forum

0 answers

376 views

Redirect to Controller from Grid Command with row ID

Hello,

I have looked through the forum a few times and not found something quite like what I am looking for.

I am using Kendo UI Complete with Razor syntax, but I am using VB,net

I have commands setup, and I want to redirect the user onclick to the same controller, but to its... say delete command, but I need to pass along the ID.

I get the circular reference issue when I use the DataSource field. Is there a way just to pass the ID (which I have hidden) along to the JS command to redirect the user?

Here is my view:

@ModelType IEnumerable(Of Core.Domain.MaintenanceTicket)

@Code

ViewData("Title") = "Index"

Layout = "~/Views/Shared/_Layout.vbhtml"

End Code

@section breadcrumb

Home > Maintenance Queue

End Section

<script type="text/javascript">

$(document).ready(function () {

$('li.q a').addClass("on");

});

</script>

<h1>Maintenance Queue</h1>

<div class="row">

<div class="box round twlevecol" style="font-size:12px;">

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

.Name("MaintenanceTickets") _

.Columns(Function(modelItem) modelItem.Bound(Function(p) p.Id).Hidden) _

.Columns(Function(modelItem) modelItem.Bound(Function(p) p.CreateDate)) _

.Columns(Function(modelItem) modelItem.Bound(Function(p) p.Originator)) _

.Columns(Function(modelItem) modelItem.Bound(Function(p) p.CustomerName)) _

.Columns(Function(modelItem) modelItem.Bound(Function(p) p.Description)) _

.Columns(Function(modelItem) modelItem.Bound(Function(p) p.OntimeAssignedTo)) _

.Columns(Function(modelItem) modelItem.Bound(Function(p) p.Description)) _

.Columns(Function(modelItem) modelItem.Bound(Function(p) p.Priority.Name)) _

.Columns(Function(modelItem) modelItem.Bound(Function(p) p.Status.Name)) _

.Columns(Function(modelitem) modelitem.Command(Sub(p)

p.Custom("Details").Click("showDetails").HtmlAttributes(New With {.class = "k-grid-btn"})

p.Custom("Edit").Click("showEdit").HtmlAttributes(New With {.class = "k-grid-btn"})

p.Custom("Delete").Click("showDelete").HtmlAttributes(New With {.class = "k-grid-btn"})

End Sub)) _

.Pageable() _

.DataSource(Function(dataSource) dataSource.Ajax().Read(Function(r) r.Action("CustomCommand_Read", "Ticket"))) _

.Sortable() _

.Filterable() _

.Resizable(Function(resize) resize.Columns(True))

)

</div>

<script type="text/javascript">

function showDetails(e) {

e.preventDefault();

var currentDataItem = $("#MaintenanceTickets").data("kendoGrid").dataItem($(e.currentTarget).closest("tr"));

alert(currentDataItem);

}

function showEdit(e) { alert('Showing Edit Screen...'); }

function showDelete(e) { alert('Showing Delete Screen...'); }

</script>

Grid

asked on 23 Oct 2012

0 answers

251 views

Dynamically adding multiple tabs in a single line (Pagination effect)

Hi ,
wondering how is it possible to have pagination effect in kendo tab strip?
In my scenario, I am creating tabs dynamically, if I add multiple tab like more than 10 ; 11th tab is appearing in second line.
Instead of this feature, I need icon like "..." or ">>" at the end of KendoTabStrip (after 10th tab), when I click on these icon it should show remaining tabs like 11, 12, 13th ... tab and hiding 1, 2, 3rd tab.(always show 10 tabs)

Thanks in advance
Ambica

TabStrip

asked on 23 Oct 2012

1 answer

221 views

ListView editing - Adding a new record causes to many records to be shown at once

I am attempting to setup an editing listview like the demo found on your site: http://demos.kendoui.com/web/listview/editing.html
My listview is setup with a pagesize of 2 but everything else is setup identical to this example.

Currently I have two items in my list and both are displayed when the page is opened. When the Add new record button is clicked a new edit item is added but the last item in the list is not hidden/removed/paged so there are 3 visible items on my screen. Is the script call to listView.add(); responsible for paging the last item to the next page or hiding it till save or cancel is pressed?

Also, the model my listview is based on is part of the page model so my example is declared like this:
@model IEnumerable<Kendo.Mvc.Examples.Models.Admin>

@(Html.Kendo().ListView<Kendo.Mvc.Examples.Models.UserInformationModel>()
    .Name("listView")
    .TagName("div")
    .ClientTemplateId("list-view-template")
    .DataSource(dataSource => dataSource
        .Model(model => model.Id("Id"))
        .PageSize(2)
        .Create(create => create.Action("Create", "MyListView"))
        .Read(read => read.Action("Read", "MyListView"))
        .Update(update => update.Action("Update", "MyListView"))
        .Destroy(destroy => destroy.Action("Destroy", "MyListView"))
    )
    .Pageable()
    .Editable()
)

Thanks,

ListView

answered on 23 Oct 2012

3 answers

236 views

Checkboxes and CheckChildren removed from latest version of framework

I am attemting to generate a treeview with checkboxes. The demo (http://demos.kendoui.com/web/treeview/checkboxes.html) and documentation state that i have to call Checkboxes and set CheckChildren to true. However Checkboxes does not exist within this version of the framework. I am currently using version 2012.2.710.340. Is there an alternative method available?!!!

Kind Regards

Lee

TreeView

answered on 22 Oct 2012

0 answers

211 views

Change Row Order

I am using Kendo Grid in MVC. Can i add functionality like Change row Order with

1) Drag/Drop then get Source/Target
2) Or using Custom Top/Bottom Button command

Any Idea?

Grid

asked on 22 Oct 2012

3 answers

389 views

New Project (C# Kendo UI for MVC Web Applications) FAILS

I have VS 2010 Ultimate Version 10.0.40219.1 SP1Rel
Microsoft .NET Framework Version 4.0.30319 SP1Rel
I have purchased and installed Kendo UI for ASP.NET MVC with the Telerik Control Panel.
It installed with no errors.

Creating a New Project (C# Kendo UI for MVC Web Applications) FAILS immediately
with Visual Studio Error

The component 'Telerik.VSX.Shell.Xaml.Commonxaml' does not have a resource identified by the URI
/Telerik.VSX.Shell;component/xaml/commonxaml.xaml

Googed the error but can not find any solutions.

Any ideas...

Installer and VS Extensions

answered on 22 Oct 2012

0 answers

117 views

Request for subscribe KendoUI

Requirements
Kendo UI Suite and Version
jQuery Version
Supported Browsers and Platforms
Components/Widgets used

PROJECT DESCRIPTION
[enter description here, together with step-by-step instructions on how to use the project]

Calendar

asked on 22 Oct 2012

0 answers

150 views

Configure upload list data

Currently, I am doing an edit page. In that page I want show a list of files which were linked to the current client and allowed to be removed or add new file.
For example, when I create a new client, I can upload file1, and the file path is stored in the database.
when I edit this client, I wanna to show file1 link in the edit page and I can remove this file or upload new files.

How can I do? Can I use the file path to set the value to this component? THX

Upload

asked on 21 Oct 2012

5 answers

796 views

Javascript errors with MVC - Object doesnt support this method or property

I integrated the Kendo UI MVC controls with MVC 3 app, as mentioned in the link http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/introduction.

but getting Javascript errors with MVC - Object doesnt support this method or property

e.g.

jQuery(function(){jQuery("#Grid").kendoGrid()

here getting error "kendoGrid" Object doesnt support this method or property

)here getting error " Object doesnt support this method or property

General Discussions

answered on 20 Oct 2012

0 answers

287 views

DropDownList not rendering

Hi,

I am using @Html.Kendo().DropDownList() with MVC 4 for a mobile application. The construct of my list is quite simple (See below) . The list seems to render as the source produced is a jquery function with all the items I expect to be in the list. However the dropdown never displays but I am not getting any jquery errors. Any help on this would be appreciated.

The HTML looks interesting through chrome as

<span tabindex="0" style="display: none; " unselectable="on" class="k-widget k-dropdown k-header">
<span unselectable="on" class="k-dropdown-wrap k-state-default">
<span unselectable="on" class="k-input"> </span>
<span class="k-select"><span class="k-icon k-i-arrow-s">select</span>
</span>
</span>
<input id="ClubList" name="ClubList" type="text" data-role="dropdownlist" style="display: none; "></span>

@(Html.Kendo().DropDownList()
.Name("ClubList")
.DataTextField("Name")
.DataValueField("ClubID")
.BindTo(new SelectList(Model.ClubList, "ClubID", "Name"))
.SelectedIndex(1)
)

DropDownList

asked on 19 Oct 2012