Telerik Forums
UI for ASP.NET MVC Forum
0 answers
435 views
Sorry for being such a dope, but can anyone point me to the documentation showing what steps I need to perform to add Kendo UI Complete for ASP.NET MVC to an existing Telerik MVC project?  

Edit: Never mind - like I said, I'm a dope...
gm
Top achievements
Rank 1
 asked on 23 Jul 2012
2 answers
278 views
Seems like this should be possible, but I'm rendering a listview using the MVC helpers, but I just want to give it an existing Kendo datasource (created via javascript) that is already on my page.  Basically just give it the name of an existing datasource.  However I can't find a way to do that.  It looks like the MVC extensions only allow you to set up a new datasource to be used with the listview. 

Is there a way to do what I mentioned?

Thanks!
Eric
Eric
Top achievements
Rank 1
 answered on 23 Jul 2012
3 answers
245 views
When creating a new project from the template Telerik MVC 4 Web Application (Razor) Visual C# - I get the error in the title (screen grab attached). I do not get the error if I create a new MVC4 web project using a template other than the Telerik ones.

My software configuration is as follows:
  • Windows 7
  • Visual Studio 2010 Professional ENU with SP1
  • Kendo UI DataViz Q2 2012 - Version 12.2.710.0
  • Kendo UI for ASP.Net MVC Q2 2012 - Version 12.2.710.0
  • Kendo UI Mobile Q2 2012 - Version 12.2.710.0 
  • Kendo UI Web Q2 2012 - Version 12.2.710.0
  • Telerik Control Panel - Version 12.2.718.0
  • Telerik Extensions for ASP.Net MVC Q2 2012 - Version 12.2.607.0
  • Telerik JustCode Q2 2012 SP1 - Version 12.2.719.1
  • Telerik RadControls for ASP.Net AJAX Q2 2012 - Version 12.2.607.0

Greg
Top achievements
Rank 1
 answered on 23 Jul 2012
1 answer
217 views
Hi guys,
I wander if I can use Kendo MVC Wrappers (Kendo.MVC.dll) in non commercial application or I have to purchase it ?

Thanks in advance.
Sebastian
Telerik team
 answered on 23 Jul 2012
1 answer
198 views
What does this mean:-
Unhandled exception at line 1, column 5227 in http://localhost:41728/Scripts/kendo.web.min.js

0x800a139e - JavaScript runtime error: Invalid template:'

I have pruned back my page to what I can see in the samples and still get this error.

@model IEnumerable<PlumSoftware.Models.Sales_Invoice>

@(Html.Kendo()
      .Grid(Model)
      .Name("Sales_Invoices")
      .Columns(columns =>
      {
         columns.Bound(c => c.NUM).Width(70);
         columns.Bound(c => c.Description).Width(200);
         columns.Bound(c => c.AC).Width(200);
         columns.Bound(c => c.NETT).Width(70);
         columns.Bound(c => c.GST).Width(70);
      })
      .ClientDetailTemplateId("worktemplate")
      .Pageable()
      .DataSource(dataBinding => dataBinding
                                            .Ajax()
                                            .PageSize(10)
                                            .Read(read => read.Action("Work_InvoicesRead", "Admin"))
                                            )
      .Sortable()
)

<script id="worktemplate" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<PlumSoftware.Models.Sales_Invoices_Work>()
        .Name("Details_#=SalesInvoiceID#")
        .Columns(columns =>
        {
            columns.Bound(m => m.ID);
            columns.Bound(m => m.DATED);
            columns.Bound(m => m.Description);
        })        
        .DataSource(dataSource => dataSource
            .Ajax()
            .Read(read => read.Action("Work_DetailsRead", "Admin", new { salesInvoiceID = "#=SalesInvoiceID#" }))
        )
        .Pageable()
        .Sortable()   
        .ToClientTemplate()
    )
</script>

The exception looks like:-
    <div class="k-widget&#32;k-grid" id="Details_2"><table cellspacing="0"><colgroup><col /><col /><col /></colgroup><thead class="k-grid-header"><tr><th class="k-header" data-field="ID" data-title="ID" scope="col"><a class="k-link" href="/Admin/Work_DetailsRead?salesInvoiceID=2&amp;Details_2-sort=ID-asc">ID</a></th><th class="k-header" data-field="DATED" data-title="DATED" scope="col"><a class="k-link" href="/Admin/Work_DetailsRead?salesInvoiceID=2&amp;Details_2-sort=DATED-asc">DATED</a></th><th class="k-header" data-field="Description" data-title="Description" scope="col"><a class="k-link" href="/Admin/Work_DetailsRead?salesInvoiceID=2&amp;Details_2-sort=Description-asc">Description</a></th></tr></thead><tbody><tr class="t-no-data"><td colspan="3"></td></tr></tbody></table><div class="k-pager-wrap&#32;k-grid-pager"><a class="k-link&#32;k-state-disabled" data-page="1" href="\#" title="Go&#32;to&#32;the&#32;first&#32;page"><span class="k-icon&#32;k-i-seek-w">seek-w</span></a><a class="k-link&#32;k-state-disabled" data-page="0" href="\#" title="Go&#32;to&#32;the&#32;previous&#32;page"><span class="k-icon&#32;k-i-arrow-w">arrow-w</span></a><ul class="k-pager-numbers&#32;k-reset"><li><span class="k-state-selected" data-page="1">1</span></li></ul><a class="k-link&#32;k-state-disabled" data-page="2" href="\#" title="Go&#32;to&#32;the&#32;next&#32;page"><span class="k-icon&#32;k-i-arrow-e">arrow-e</span></a><a class="k-link&#32;k-state-disabled" data-page="1" href="\#" title="Go&#32;to&#32;the&#32;last&#32;page"><span class="k-icon&#32;k-i-seek-e">seek-e</span></a><span class="k-pager-info&#32;k-label">0 - 0 of 0 items</span></div></div><script>

    jQuery(function(){jQuery("\#Details_2").kendoGrid({columns:[{title:"ID",field:"ID",encoded:true},{title:"DATED",field:"DATED",encoded:true},{title:"Description",field:"Description",encoded:true}],pageable:{},sortable:true,scrollable:false,dataSource:{transport:{read:{url:"/Admin/Work_DetailsRead?salesInvoiceID=2"}},pageSize:10,page:1,total:0,serverPaging:true,serverSorting:true,serverFiltering:true,serverGrouping:true,serverAggregates:true,type:"aspnetmvc-ajax",filter:[],schema:{data:"Data",total:"Total",errors:"Errors",model:{fields:{ID:{type:"number"},SalesInvoiceID:{type:"number"},INVOICE:{type:"number"},DATED:{type:"date"},CustomerRequestID:{type:"number",defaultValue:null},ActivityCodeID:{type:"number"},Employee:{type:"number"},Description:{type:"string"},HOURS:{type:"number"},RATE:{type:"number"},TOTAL:{type:"number"}}}}}});});

<\/script>

' Generated code:'var o,e=kendo.htmlEncode;with(data){o='\n    <div class="k-widget&';32;k-grid" id="Details_2"><table cellspacing="0"><colgroup><col /><col /><col /></colgroup><thead class="k-grid-header"><tr><th class="k-header" data-field="ID" data-title="ID" scope="col"><a class="k-link" href="/Admin/Work_DetailsRead?salesInvoiceID=2&amp;Details_2-sort=ID-asc">ID</a></th><th class="k-header" data-field="DATED" data-title="DATED" scope="col"><a class="k-link" href="/Admin/Work_DetailsRead?salesInvoiceID=2&amp;Details_2-sort=DATED-asc">DATED</a></th><th class="k-header" data-field="Description" data-title="Description" scope="col"><a class="k-link" href="/Admin/Work_DetailsRead?salesInvoiceID=2&amp;Details_2-sort=Description-asc">Description</a></th></tr></thead><tbody><tr class="t-no-data"><td colspan="3"></td></tr></tbody></table><div class="k-pager-wrap&;o+='32;k-grid-pager"><a class="k-link&';32;k-state-disabled" data-page="1" href="#" title="Go&;o+='32;to&';32;the&;o+='32;first&';32;page"><span class="k-icon&;o+='32;k-i-seek-w">seek-w</span></a><a class="k-link&';32;k-state-disabled" data-page="0" href="#" title="Go&;o+='32;to&';32;the&;o+='32;previous&';32;page"><span class="k-icon&;o+='32;k-i-arrow-w">arrow-w</span></a><ul class="k-pager-numbers&';32;k-reset"><li><span class="k-state-selected" data-page="1">1</span></li></ul><a class="k-link&;o+='32;k-state-disabled" data-page="2" href="#" title="Go&';32;to&;o+='32;the&';32;next&;o+='32;page"><span class="k-icon&';32;k-i-arrow-e">arrow-e</span></a><a class="k-link&;o+='32;k-state-disabled" data-page="1" href="#" title="Go&';32;to&;o+='32;the&';32;last&;o+='32;page"><span class="k-icon&';32;k-i-seek-e">seek-e</span></a><span class="k-pager-info&;o+='32;k-label">0 - 0 of 0 items</span></div></div><script>\n\tjQuery(function(){jQuery("#Details_2").kendoGrid({columns:[{title:"ID",field:"ID",encoded:true},{title:"DATED",field:"DATED",encoded:true},{title:"Description",field:"Description",encoded:true}],pageable:{},sortable:true,scrollable:false,dataSource:{transport:{read:{url:"/Admin/Work_DetailsRead?salesInvoiceID=2"}},pageSize:10,page:1,total:0,serverPaging:true,serverSorting:true,serverFiltering:true,serverGrouping:true,serverAggregates:true,type:"aspnetmvc-ajax",filter:[],schema:{data:"Data",total:"Total",errors:"Errors",model:{fields:{ID:{type:"number"},SalesInvoiceID:{type:"number"},INVOICE:{type:"number"},DATED:{type:"date"},CustomerRequestID:{type:"number",defaultValue:null},ActivityCodeID:{type:"number"},Employee:{type:"number"},Description:{type:"string"},HOURS:{type:"number"},RATE:{type:"number"},TOTAL:{type:"number"}}}}}});});\n<\/script>\n';}return o;'

As you can see from the generated code the &#32; has been incorrectly updated to &';32;
which is causing the problem.
The environment is Windows 8 Release Preview; Visual Studio 2012 Release Preview; ASP.NET 4.5 RC; MVC 4 RC

If I have time I'll test it on a Windows 7, Visual Studio 2010 SP1; ASP.NET  4; MVC 4 RC to see whether it is an ASP.NET 4.5 issue.
Nikolay Rusev
Telerik team
 answered on 23 Jul 2012
0 answers
139 views

I am using MVC4 with the latest Kendo UI Q2. I am trying to use the mvc wrappers to implement a list view.

How can I stop the load icon displaying on the list view when using the MVC wrappers? when not using wrappers the following code in the datasource transport worked for me but how do I achieve the equivilent with wrappers?

parameterMap: function (options) {
    kendo.ui.progress($("#rolesListView"), false); 
    return options; 
}
Martin Kelly
Top achievements
Rank 1
 asked on 23 Jul 2012
0 answers
191 views
I am using MVC4 with the latest Kendo UI Q2. I am trying to use the mvc wrappers to implement a list view with a view template and an edit template.

How can I access the Ajax complete event when using the MVC wrappers?

@(Html.Kendo().ListView<iProjX.Models.RoleModel>(Model.Roles)
    .Name("rolesListView")       
    .TagName("div")       
    .ClientTemplateId("rolesList")       
    .Editable()
    .Pageable()
    .DataSource(dataSource => dataSource           
        .Model(model =>
            {
                model.Id("RoleId");
                model.Field(f => f.ProjectId).DefaultValue(Model.ProjectId);
                model.Field(f => f.Title);
                model.Field(f => f.Description);;
            })
        .Events(e => e               
            .Error("rolesListViewData_error")
            .Change("rolesListViewData_change")
            .RequestStart("rolesListViewData_requestStart"))          
        .Create(create => create.Action("createRole", "Project"))           
        .Read(read => read.Action("getRoles", "Project", new { projectId = Model.ProjectId }))
        .Update(update => update.Action("updateRole", "Project"))   
        .PageSize(30)           
     )
    .Events(e => e
        .Change("rolesListView_change")
        .Edit("rolesListView_edit")
        .DataBound("rolesListView_databound"))     
)
Martin Kelly
Top achievements
Rank 1
 asked on 23 Jul 2012
4 answers
526 views
Hello all,

I'm trying to create my first demo with KendoUI and I got an JS error.

I've tried on IE (doesn't works) and Chrome (works with warnings). What I'm doing wrong?

Microsoft JScript runtime error: Object doesn't support property or method 'kendoNumericTextBox'

And my code is:

                <p><label for="currency">Price:</label><br>                    <input class="k-input" id="currency" max="100" min="0" name="currency" type="number" value="30" /><script><br><span class="Apple-tab-span" style="white-space:pre">  </span>jQuery(function(){jQuery("#currency").kendoNumericTextBox({format:"c"});});<br></script><br>                </p>

There is my headers:

<!-- KendoUi -->
<link rel="stylesheet" href="/Content/kendo.common.min.css">
<link rel="stylesheet" href="/Content/kendo.default.min.css">
<script src="/Scripts/jquery.min.js"></script>
<script src="/Scripts/kendo.web.min.js"></script>
<script src="/Scripts/kendo.aspnetmvc.min.js"></script>

And all files was loaded successfully.

Thanks in advance

Igor
Chris
Top achievements
Rank 1
 answered on 22 Jul 2012
1 answer
157 views
why checkbox in a grid is not rendered..???please let me know for solution
Timothy
Top achievements
Rank 1
 answered on 22 Jul 2012
0 answers
106 views
When using the MVC  extensions we could get hold of the object from within an event using $(this).

With Kendo it seems this is not possible.

We are using one event handler for several Uploaders so we cant respond using code like $("#UploaderID").data("kendoUpload") as we do not know which uploader fired the event

we were able to use code like  var row = $(this).closest('tr'); in mvc extensions where $(this) was the Uploader and it worked.

How can we achieve the same thing with Kendo. Would appreciate your help.
hn
Top achievements
Rank 1
 asked on 21 Jul 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
Dialog
MultiColumnComboBox
DropDownTree
Checkbox
Slider
Switch
Notification
Accessibility
ListView (Mobile)
Pager
Security
ColorPicker
DateRangePicker
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
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?