I am trying to create nodes with template that includes  @Ajax.ActionLink  :

 @(Html.Kendo().TreeView()
                            .Name("actiontree")
                            .BindTo(Model, (Kendo.Mvc.UI.Fluent.NavigationBindingFactory<TreeViewItem> mappings) =>
                            {
                                mappings.For<myspace_menu>(bound => bound.ItemDataBound((node, myspace_menu) =>
                                {

                                    bool isaco = myspace_menu.controller.Length > 0;
                                    node.Text = myspace_menu.label;
                                    node.ImageUrl = isaco ? Url.Content("~/img/act.png") : Url.Content("~/img/folder.png");
                                    
                                    if (isaco)
                                    {

                                        node.Template.InlineTemplate = @<text>@Ajax.ActionLink(myspace_menu.label, "uberitem", 
                                        new { c= myspace_menu.controller, a=myspace_menu.action },
                                        new AjaxOptions
                                                      {
                                                          HttpMethod = "POST",
                                                          InsertionMode = InsertionMode.Replace,
                                                          UpdateTargetId = "accessconfig"
                                                      })</text>;
                                    }


                                })
                                .Children(e => e.items));

                            })
                        )  





This actually works - asynchronously updates  "accessconfig" div.
However
problem 1:  Instead of POST  it does GET (but I don't run any javascript and have unobtrusive referenced and enabled ).
problem 2 - main one:   inlinetemplate content (link) looks like CHILD node of node I added it into  instead of normal appearance (see attached picture).

Also, note I tried version with javascript onselect - it works, but I need to have ajax.ActionLink  there.
How can I make inlinetemplate work with Ajax.Actionlink ? How make a link appear as a node text?

thank you !


Denis

Hi guys, I just wanted to share this code in case anyone need it, because I didn't find nothing similar on the forum.

This example loads a kendo menu dinamically from an aspx page, getting the elements from a server method accessed by ajax

.cs file

 [WebMethod(EnableSession = false)]
        public static string GetToolsAdminProjects()
        {
            List<Project> toolsAdminProjectList = ProjectsHelper.GetToolsAdminProjectList();
            List<ContextMenuItem> result = toolsAdminProjectList.Select(e=> new ContextMenuItem
            {
                text = e.DisplayName,
                url = e.URL
            }).ToList();

            var serializer = new JavaScriptSerializer();
            string json = serializer.Serialize(result);
            return json;
        }

.aspx file 
<script type="text/javascript">

 $.ajax({
                 type: "POST",
                 url: "GridView.aspx/GetToolsAdminProjects",
                 data: "{}",
                 contentType: "application/json",
                 dataType: "json",
                 success: function (result) {
                     var d = jQuery.parseJSON(result.d)
                     var menu = $("#menu").data("kendoMenu");
                     menu.append(d);
                 }
             });

</script>

I have a kendo grid that is loaded in a Kendo window. There is a date field in the grid that displays the date as /Date(.......)/
Also looked at the following thread http://www.telerik.com/forums/grid-client-template-and-date-formats, but the solutions provided there didn't work.

e.g. If I used this format:

I end up getting a Invalid template error.

Changing it to:

displayed the date as /Date(1406727900000)/

Here is my grid sample:


The DateOpened field is of DateTime data type.

php with kendo grip, easy demo of create destory update and read, but create and update have the same js problem.

It return status : 200,so it works. And it has already persisted the database record, but js error:Uncaught SyntaxError: Unexpected number , so the popup update window can't close.

BTW, I didn't return in the background logic php. I have try return json ,but still same problem.

 source code:

<div id="user_grid"></div>
<script>
$(document).ready(function() {
getUserGrid("doAdminAction.php?act=");
});

function getUserGrid(crudServiceBaseUrl) {
var dataSource = new kendo.data.DataSource({
transport : {
read : {
url : crudServiceBaseUrl + "getAllUsers",
dataType : "json"
}, 
update : {
url : crudServiceBaseUrl + "updateUser",
contentType : "application/json",
type : "post"
},
create : {
url : crudServiceBaseUrl + "insertUser",
contentType : "application/json",
type : "post"
},
destroy : {
url : crudServiceBaseUrl + "delUser",
contentType : "application/json",
type : "post"
}, 
parameterMap : function(options, operation) {
if (operation !== "read" && options.models) {
return kendo.stringify(options.models);
}
} 
},
batch : true,
pageSize : 50,
schema : {
model : {
id : "id",
fields : {
id : {
editable : false,
type : "number",
nullable : false
},
GUID : {
editable : false,
},
username : {
editable : true,
validation : {
required : true
}
}
}
}
}
});

$("#user_grid").kendoGrid({
dataSource : dataSource,
navigatable : true,
pageable : {
refresh : true,
pageSizes : true,
buttonCount : 2
}, 
sortable : true,
filterable : true,
groupable : true,
columnMenu : true,
editable : "popup",
resizable : true,
height : 720,
toolbar : [ {
name : "create",
text : "添加新用户"
} ],
columns : [ {
field : "id",
type : "number",
hidden : true,
},{
field : "username",
title : "用户名",
width : 50
},{
command : [ {
name : "edit",
text : "编辑"
}, {
name : "destroy",
text : "删除"
} ],
title : "操作栏",
width : 100
} ]
});
};
</script>
    </div>
</div>

For some reason context menu goes outside screen boundary (see attached image) and this forces scrollbars to appear. If the target is at the bottom of the screen, then the context menu covers the target element itself.

This problem only occurs when the page has vertical scrollbar.

Initialization script:

I've been able to replicate this problem in angular (which we're implementing on the project I'm working on) on your dojo. Just for fun I was able to replicate it in regular jQuery as well. Hoping you might be able to pinpoint if I'm doing something wrong, or this may be an actual bug.

The DOJOs:
Angular: http://dojo.telerik.com/@yazdog8/eyAji/3
jQuery: http://dojo.telerik.com/@yazdog8/oxiCu

Steps to reproduce:
1. Run/load the grid
2. Go to the header column menu > columns
3. Deselect "Owner", "Tags" and "Size"
4. In the pagination controls > select the next page OR change the items per page from 25 to 50

What I'm seeing is that the hidden content is being shown in the table body. The table header is hiding the columns that are marked as hidden. 

I am creating a bubble chart by using MVC and would like to bind this chart from local data as the example in the link http://demos.telerik.com/aspnet-mvc/bubble-charts/local-data-binding.

The model I use is slightly different from the example.  I have a view model object,BubbleChartModel,contains a IEnumberable<MVCSample.Data.PGDataBySupplier> property called "DataPoints".
When I tried to bind the bubbles to this IEnumberable<MVCSample.Data.PGDataBySupplier> property, I received the error of

The model item passed into the dictionary is of type 'System.Collections.Generic.List`1[MVCSample.Data.PGDataBySupplier]', but this dictionary requires a model item of type 'MVCSample.Models.BubbleChartModel'.

I am wondering if my approach is supported by Telerik. If not, is there any workaround?


Following is my code:

@model MVCSample.Models.BubbleChartModel
<div class="chart-wrapper">
@(Html.Kendo().Chart(Model.DataPoints)
.Name("chart")
.Series(series =>
{
series.Bubble(
model => model.PercentSavingsLow,
model => model.PotentialSavingsAvg,
model => model.TotalSpend,
model => model.ProviderShortName,
model => model.MemberStatECOLOR,
model => model.DisplayLegend,
model => model.ProviderShortName


); 
                     }
)
)


)

i need to add multiple resources to scheduler and second resource data lode according to the first resource list change.
i added two resources  with edit template. any workaround u have.

I am trying to implement a screen with Three sortables (left pane, right pane, remove pane). When the user drags an item to the remove sortable I want to remove it from that sortable. (they are deleting it basically)

I have tried e.item.remove in the change event handler, but that just makes the dragged element show on the screen as well as the new item in the sortable. 

I have tried to prevent the drop to the new sortable using e.item.PreventDefault and also e.draggableObject.item.preventDefault and then just remove it from the original sortable, but I can't seem to prevent the change.

Any suggestions on how to do this?

Hi Community, 

I need your help! :)

I've got a Kendo UI Grid with the following model:


So basically it is easy to add the menu filters for these fields... 
But since I am receiving objects for some of these fields, it makes the whole thing a little bit trickier... 

"Regarding" [Object]: Regarding.Name / Regarding.Value
"Owner" [Object]: Owner.Name / Owner.Value
"Priority" [Object]: Priority.Value

So for the fields "Regarding" and "Owner" I would do following:


This works. Because the comparison will be simple as  string.toLowerCase() == 'Name'

But now I want to do kinda the same for the "Priority" field, choosing its value by a dropdownlist...


Unfortunately this won't work because the comparison will be e.g.  1.toLowerCase() == '2' [Error]

I tried setting the type of "Priority" (in the model) to number and also to string, but it wont work... 

Any help... Please ... 


Thank you guys!

- Angelo