Hello Telerik,
I need to access to a control defined in a different area from the one my page is currently in... for example if I'm in Admin area I want to access to a CommonController defined in the main Controller folder (so Area = null)

In the specific I'm using a dropdown but in future I'll use it for grid as well... my code is

It looks for a Common controller under the Admin area...I've tried specifing the routeValues as new {Area=null} or new {Area="Foo"} but I don't even see the call to the service...what am I doing wrong?

Thanks
Paolo

I am using ASP.net MVC 4 with Kendo UI and have created a Kendo UI WIndow that contains a tab control, each containing a kendo list view.  The purpose of the window is to maintain system notes and activity within the application.  The tab control contains 3 tabs: Notes, Activity and All Notes and Activity.   The Notes tab allows a user to create and view  notes while the Activity and All Notes and Activity allows the user to view information only.
The problem I am having is when creating a note in IE 8.  For some reason, the request object sent to the controller does not contain the note entered by the user.  It is null even when text is entered on the screen.  The mystery here is it works great in IE 9, FireFox and Chrome. 

Has anyone had any issues with the request object not being populated in IE 8?

The View

@model IEnumerable<BlueJayPPE.ViewModels.RequestNoteViewModel>

<script type="text/x-kendo-tmpl" id="requestTemplateNote">
     <div class="request-note-view k-widget">
        <div  class="request-note"> 
                <b>#:Subject#</b>
                <p>#:Note#</p>

                 #if (IsOwner==true){#
                    <div class="request-note-buttons">
                        <div class="request-note-edit-button">
                            <a id="addButton" class="k-button k-button-icontext k-edit-button" href="\\#"><span class="k-icon k-edit"></span></a>
                            <a class="k-button k-button-icontext k-delete-button" href="\\#"><span class="k-icon k-delete"></span></a>
                        </div>
                    </div>
                #} else {#
                        <div class="request-note-buttons">
                        <div class="request-note-edit-button">
                            <div>
                                <span class="k-icon k-edit k-state-disabled" >
                            </div>
                            <div>
                                <span class="k-icon k-delete k-state-disabled" >
                            </div>
                          </div>
                    </div>
                #}#
        </div>
    </div>
    
</script>

<div class="request-note-section">

    <div class="request-note-section-button">
        <a class="k-button k-button-icontext k-add-button" href="#"><span class="k-icon k-add"></span>@ViewRes.CCE.AddNoteButtonLabel</a>
    </div>

        @(Html.Kendo().ListView<BlueJayPPE.ViewModels.RequestNoteViewModel>(Model)
        .Name("RequestNotesView")
        .TagName("div")
        .ClientTemplateId("requestTemplateNote")
        .DataSource(dataSource => dataSource
            .Model(model => {
                model.Id("RequestNoteId");
              })
            .Read(read => read.Action("GetRequestNotes", "ProposalEngine").Data("RequestLogActivity.getRequestNotesParams"))
            .Create(create => create.Action("AddNote", "ProposalEngine").Data("RequestLogActivity.getRequestNotesParams"))
            .Update(update => update.Action("UpdateNote", "ProposalEngine"))
            .Destroy(destroy => destroy.Action("DeleteNote", "ProposalEngine"))
           )
        .Editable(editable => editable.TemplateName("RequestNoteEdit"))
    )

</div>

<script>
    $(function() {
        var listView = $("#RequestNotesView").data("kendoListView");
        var dsRequestNote = $("#RequestNotesView").data("kendoListView").dataSource;

        dsRequestNote.bind("requestEnd", function (e) {

            var dsAllActivity = $('#RequestAllActivityView').data('kendoListView').dataSource;
            var responseErr = false;;

            if (e.type == "create")
            {
                try{
                    console.log(e.response.Data[0].RequestId);
                }
                catch (err) {
                    console.log("no request id");
                }

                try {
                    console.log(e.response.Data[0].Note);
                }
                catch (err) {
                    console.log("no note");
                }

                dsAllActivity.add({
                    RequestId: e.response.Data[0].RequestId,
                    RequestNoteId: e.response.Data[0].RequestNoteId,
                    NoteType: e.response.Data[0].NoteType,
                    Note: e.response.Data[0].Note,
                    CreatedByUserName: e.response.Data[0].CreatedByUserName,
                    Subject: e.response.Data[0].Subject
                });

                dsAllActivity.sync;
             }
            else if (e.type == "update"){

                var item = dsAllActivity.get(e.response.Data[0].RequestNoteId);

                item.set("Note", e.response.Data[0].Note);

                dsAllActivity.sync;
               
            }
            else if (e.type == "destroy")
            {
                dsAllData = dsAllActivity._data;

                for (var pos = 0; pos < dsAllData.length; pos++) {

                    if (dsAllData[pos].RequestNoteId == e.response.Data[0].RequestNoteId) {

                        dsAllActivity.remove(dsAllData[pos]);
                        dsAllActivity.sync;

                        break;
                    }
                }
            }
        });

        $(".k-add-button").click(function (e) {
    
            listView.add();
            e.preventDefault();
        });
       
        listView.bind("remove", function (e) {

            if (!confirm("Are you sure you want to delete this item?")) {
                e.preventDefault();
            }

        });

    });

</script>

The Controller (irrelevant actions removed for brievity)
public class EngineController : Controller
    {

        [AcceptVerbs(HttpVerbs.Post)]
        public ActionResult AddNote(int requestId, [DataSourceRequest] DataSourceRequest request, RequestNoteViewModel requestNote)
        {
            var results = new List<RequestNoteViewModel>();

            if (requestNote != null && ModelState.IsValid)
            {
                int webUserId = unchecked((int)User.WebUserKey());

                requestNote.RequestId = (requestId == 0 ? requestId : requestNote.RequestId);
                requestNote.IsOwner = true;


                var commitedNote = RequestNoteRepository.Insert(webUserId, requestNote);
      
                results.Add(commitedNote);
            }
            
            return Json(results.ToDataSourceResult(request, ModelState));
        }
       

    }

The View Model
public class RequestNoteViewModel
    {
        [Editable(false)]
        public int RequestId { get; set; }

        [Editable(false)]
        public int RequestNoteId { get; set; }

        [Editable(false)]
        public int CreatedByWebUserId { get; set; }

        [Editable(false)]
        public string CreatedByUserName { get; set; }

        [Editable(true)]
        [Required (AllowEmptyStrings = false, ErrorMessage = "A Numberic or Alpha Character is Required")]
        public string Note { get; set; }

        public string NoteType { get; set; }

        public string Action { get; set; }

        [Editable(false)]
        public DateTime CreatedDate { get; set; }

        public string Subject
        {
            get 
            { 
                if( NoteType == "log" ) {
                    return CreatedByUserName + " " + Action + " a request on " + CreatedDate;
                } else {
                    return CreatedByUserName + " created a note on " + CreatedDate;
                }
            }
            set { }
        }

        public bool IsOwner { get; set; }
    }

Hi All,

I'm trying to replicate the demo tabstrip animation functionality in my own project as a proof of concept project whilst trialing the controls.

However I'm getting the following error:

Object doesn't support property or method 'kendoTabStrip'

It's probably a setup issue but am not sure what I'm doing wrong.

Index.cshtml


HomeController
_Layout.cshtml
BundleConfig.cs


Any help is appreciated, thanks.

I have attached a view.  It has three DropDownLists and a Grid.  Two of the DropDownLists provide values which filter the third and the Grid.  If I change a value in either of the two filtering lists, the third list and the grid change accordingly.  This all works just fine.  The grid often has more than one page, and I can change pages however I want, no problem.  However, if the grid has more than one page, and I change the page, then just select either of the two filtering lists, kendo/2013.1.514/jquery.min.js throws an error, saying o.activeElement is an “Unspecified error”.  This happens every time I follow this scenario.  By inserting an alert at the top of the lists' Change event handler, I can see that the error occurs before it even gets there.

I don't expect it to be helpful, but I copied the Call Stack here:
 trigger [jquery.min.js] Line 3
  trigger [jquery.min.js] Line 3
  Anonymous Function [jquery.min.js] Line 4
  each [jquery.min.js] Line 3
  each [jquery.min.js] Line 3
  trigger [jquery.min.js] Line 4
  Anonymous Function [jquery.min.js] Line 5
  _toggle [kendo.all.min.js] Line 14
  toggle [kendo.all.min.js] Line 15
  Anonymous Function [kendo.all.min.js] Line 15
  dispatch [jquery.min.js] Line 3
  handle [jquery.min.js] Line 3

Hello,

I have a treeview populated with some data. 
When you click on a node, it fires an ajax request and populates a PanelBar with the content.
each panel bar item then fires another request when clicked to load more data into a grid.

The issue is that on each click on a panel bar item, only one ajax request should fire. 
So click on a node in tree, you see the panel bar, click on an item and one request fires for the grid.
Click on another item in the tree, click on panel bar and then 2 requests fire.
click a third time and we'll notice 3 requests firing.

Somehow there seems to be a relation between how many calls the panel bar triggers and how many items in the tree were clicked.
I attached a test project to demonstrate the issue. 

Any idea why more than 1 request is fired when clicking on a PanelBar item and what can  I do to stop it ?

Hello,

i'm searching for a way to implement a custom binding for Sorting, Paging, Grouping and Filters within a grid but i just found informations for sorting and paging.

I've done a look into this http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/helpers/grid/custom-binding post but it would only handle the soring and paging stuff.

It sould be possible to handle the grouping and filtering stuff as well without the .ToDataSourceResult(request); right?

Any help to figure this out would be welcome :-)

Kind Regards
Daniel

 

Hello every one, I m using Kendo Grid on MVC, it is configured for inline editing. here is the sample code


On line number 13, we have a column called Ranking, that is a editor template, here is the code for that
Raanking template
On my model I have this
 on coltroller

My problem is that, the grid is working fine, except only on edit mode, on edit mode, the ranking should display a dropdownlist, it is ok, but it is not retaining its value, I mean if on normal mode, its value is Ranking3, on edit mode, the dropdown should have selected item with Ranking3, but is not highlighting that item.

I have also tried the foreign key column type, but the result is same.

What wrong I m doing here, please correct me. Its really Urgent.

I want to change confirmation popup from synchronous browser popup to asynchronous popup (alertify). I found some old threads in Telerik MVC Extensions (http://www.telerik.com/community/forums/aspnet-mvc/grid/delete-a-row-programmatically.aspx), but this code is not working for me.

How can I delete row programatically?
I already attached to Delete event and prevent remove row, but I can't remove it programatically on positive confirmation callback (callback was called but nothing happens).

How prevent deleting row in client side too? - return false or e.preventDefault cancel remote delete call but row was removed from view.

Here is my javascript delete handler code:
Here is grid MVC builder code:

Hi,

I have an existing legacy MVC project where I use Telerik MVC extensions. I'm now trying to migrate it to Kendo UI.
I have a little problem with scatter charts with uses ajax binding. If I have a single series, it works fine. But if I have more than one, it doesn't. This was working quite well in MVC extensions.

When I put a put a breakpoint in firebug, I see that chart.options.series[].data in case of a single series has a collection of objects which represent each data point. But in case of 2 series,
each chart.options.series[].data seems to have another array of 2 objects and inside it the data points. So my chart seems to have 4 sets of data for 2 series. I'm attaching a sample project.

Secondly I'd like the Kendo equivalent for these snippets of code

1.  .YAxis(y => y.Numeric().MinorTickType(ChartAxisTickType.Outside))

2.


Thanks and Regards

Achilles

I reffered the below link to create a asp.net mvc3 project with kendo UI
http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/introduction
I use razor view. my index page is as follows

Index.cshtml
@{
Layout = null;
}

<!DOCTYPE html>

<html>
<head>
<title>Index</title>
<link href="../../KendoStyles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="../../KendoStyles/kendo.default.min.css" rel="stylesheet" type="text/css" />

<script src="../../KendoScripts/jquery.min.js" type="text/javascript"></script>
@*<script src="../../KendoScripts/kendo.all.min.js" type="text/javascript"></script>*@
<script src="../../KendoScripts/kendo.web.min.js" type="text/javascript"></script>
<script src="../../KendoScripts/kendo.aspnetmvc.min.js" type="text/javascript"></script>

</head>
<body>
<h1>Welcome to Kendo Samples</h1>
<div>
@(Html.Kendo().DatePicker().Name("Birthday"))
</div>
</body>
</html>

when i use kendo.web.min.js i get the error "Microsoft JScript runtime error: Unable to get value of the property 'extend': object is null or undefined"
with kendo.all.min.js it works fine. I get no error message.

What is wrong with my code if any?