Telerik Forums
UI for ASP.NET MVC Forum
1 answer
135 views
I'm just learning MVC now - - Does the MVC DropDownList have checkboxes available like the ASP.Net Ajax Combobox?
Steve
Top achievements
Rank 2
 answered on 25 Oct 2012
1 answer
843 views
good morning everyone,

how are you?  I am currently using the licensed version of Kendo UI Complete for ASP.NET MVC (Q2 2012) and trying to figure out the correct way to pass additional data parameters to the server using the Data() function of the grid.

Below is my setup for the Kendo UI Wrapper grid.

@(Html.Kendo().Grid<ViewModel>()
    .Name("grdAllWebsites")
    .Columns(columns =>
    {
        ...
    })
    .DataSource(dataSource =>
{
dataSource.Ajax()
.Model(model =>
{
// DataKey
model.Id(o => o.Id);
})
.PageSize(10)
.Create(create => create.Action("Create", "Home").Data("CreateJS"))
})
    .Pageable(paging =>
    {
        ...
    })
    .Sortable(sortable =>
    {
        sortable.SortMode(GridSortMode.MultipleColumn);
    })
    .Filterable()
)

and here is my js function:

CreateJS: function (e) {
 
        var args = arguments;
        var subjectCode = $('#subjectCode').val();
        var isActive = $('#isActive').val();
 
        this.url += ("?subjectCode=" + subjectCode + "&isActive=" + isActive);
    }

right now, i am using query string to pass additional data/parameters to the server but is there a better or correct way to pass the additional parameters to the server?  I tried looking at the API documentation but there wasn't an example on a good/correct way to do this:

http://docs.kendoui.com/api/wrappers/aspnet-mvc/Kendo.Mvc.UI.Fluent/CrudOperationBuilder#datasystemstring

thank you very much for your help.
Daniel
Telerik team
 answered on 24 Oct 2012
0 answers
188 views
Hi,

My requirement is like this.

i want to add new records using popup .
corresponding to each row i want to show edit & delete button

Can suggest me how to do this using list view.

Regards
Vani




vani
Top achievements
Rank 1
 asked on 24 Oct 2012
3 answers
384 views
I keep getting below error on IE 9 and same with IE 8. But works fine in Chrome etc.
Error: Object doesn't support property or method 'kendoDatePicker'

I have created a MVC4 application (followed all the steps given at - Kendo UI Introduction )

Am I missing anything?  (I have downloaded the trial package complete)

Thanks!
Temp
Top achievements
Rank 1
 answered on 24 Oct 2012
1 answer
302 views
I am using MVC4 C# and Kendo UI version 2012.2.913.340.  I followed the kendo UI example for creating a menu that binds to the sitemap.xml.  However my menu does not populate the data from my site map.  I'm not sure why this would not be working.

My View: 
@(Html.Kendo().Menu()
                    .Name("XmlMenu")
                    .BindTo("WebSiteMap"))


My controller:
public ActionResult Index()
        {


            if (!SiteMapManager.SiteMaps.ContainsKey("WebSiteMap"))
            {
                SiteMapManager.SiteMaps.Register<XmlSiteMap>("WebSiteMap", sitemap => sitemap.LoadFrom("~/Web.sitemap"));
            }                                                                                   

            return View());
        }

Has anyone else had this issue?  
Michael
Top achievements
Rank 1
 answered on 23 Oct 2012
1 answer
95 views
Hello,

I am not sure whether this is the correct place to put this posting, but I wanted to find out whether the following suggestion is something that other developers really want, or whether I am being too picky!

In our application, we have 63 foreign key columns that need to display a textual value rather than a record id.  By default, the current ForeignKeyColumn does not display the textual value for a related object, it displays its record id.  Further, when using filtering or sorting on the ForeignKeyColumn, it sorts and filters by the record id.  I think that the ForeignKeyColumn is a great idea, but that it is too generic for practical use.  In order to use it in our application, I need to swap the assignment of the displayable text value and record id values in the column and swap them when saving a record in the grid.  This doesn't seem like too much work until you have to repeat it for a lot of columns.  Further, if you want to use dropdownlist controls in the grid for look-ups, you have to make adjustments, too.  I propose that Kendo UI create a subclass of the ForeignKeyColumn named TextForeignKeyColumn, and have it provide the behavior to work with displaying textual values, filtering by text values, and sorting by text values.  Additionally, it should work properly with dropdownlist controls that may be embedded into the column for look-up purposes.

Please don't misunderstand my posting... I love Kendo UI, but I believe that this new subclass would make it much more powerful and easy to use, especially when you consider how often someone must display a textual value from a related object in a grid.

Please vote for this suggestion! :)

Thanks,

Mike
leniency
Top achievements
Rank 1
 answered on 23 Oct 2012
0 answers
363 views
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>
</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>
Charlie
Top achievements
Rank 1
 asked on 23 Oct 2012
0 answers
229 views
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
Ambica
Top achievements
Rank 1
 asked on 23 Oct 2012
1 answer
201 views
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,
Nathan
Top achievements
Rank 1
 answered on 23 Oct 2012
3 answers
215 views
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
Roland
Top achievements
Rank 1
 answered on 22 Oct 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
ComboBox
Upload
MultiSelect
ListView
Window
TabStrip
Menu
Installer and VS Extensions
Spreadsheet
AutoComplete
TreeList
Gantt
PanelBar
NumericTextBox
Filter
ToolTip
Map
Diagram
Button
PivotGrid
Form
ListBox
Splitter
Application
FileManager
Sortable
Calendar
View
MaskedTextBox
PDFViewer
TextBox
Toolbar
MultiColumnComboBox
Dialog
DropDownTree
Checkbox
Slider
Switch
Notification
Accessibility
ListView (Mobile)
Pager
ColorPicker
DateRangePicker
Security
Wizard
Styling
Chat
DateInput
MediaPlayer
TileLayout
Drawer
SplitView
Template
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Licensing
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
DateTimePicker
AppBar
BottomNavigation
Card
FloatingActionButton
Localization
MultiViewCalendar
PopOver (Mobile)
Ripple
ScrollView (Mobile)
Switch (Mobile)
PivotGridV2
FlatColorPicker
ColorPalette
DropDownButton
AIPrompt
PropertyGrid
ActionSheet (Mobile)
BulletGraph
Button (Mobile)
Collapsible
Loader
CircularGauge
SkeletonContainer
Popover
HeatMap
Avatar
ColorGradient
CircularProgressBar
SplitButton
StackLayout
TimeDurationPicker
Chip
ChipList
DockManager
ToggleButton
Sankey
OTPInput
ChartWizard
SpeechToTextButton
InlineAIPrompt
TimePicker
StockChart
RadialGauge
ContextMenu
ArcGauge
AICodingAssistant
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?