Пользовательские команды в сетке кендо UI
Я хочу написать несколько кодов, которые могут показать детали моего элемента с помощью метода действия.
@(Html.Kendo().Grid<Jahan.Blog.Model.Article>() .Name("ArticleAdmin").Navigatable() .Resizable(c => c.Columns(true)) .HtmlAttributes(new { @class = "cursorLink", @style = "width: 1000px;height:auto;overflow: scroll;" }) .Columns(columns => { columns.Bound(p => p.UserId).Width(100); columns.Bound(p => p.Title).Width(200); columns.Bound(p => p.LikeCounter).Width(100); columns.Bound(p => p.RateCounter).Width(100); columns.Bound(p => p.IsActive).Encoded(false).ClientTemplate("<img src='/Content/#= IsActive ? 'tick.png' : 'cross.png' #''>").Width(80); columns.Bound(p => p.IsActiveNewComment).Encoded(false).ClientTemplate("#= showActivationStatusIcon(IsActiveNewComment) #").Width(170); columns.Bound(p => p.CreatedDate).Width(160).Format("{0:G}"); columns.Bound(p => p.ModifiedDate).Width(160).Format("{0:G}"); columns.Command(command => command.Destroy()).Width(170); columns.Command(command => command.Custom("ViewDetails").Click("showDetails")).Width(60); }) .ToolBar(toolbar => { toolbar.Create(); toolbar.Save(); }) .Editable(editable => editable.Mode(GridEditMode.InCell)) .Pageable() .Navigatable() .Sortable() .Scrollable() .DataSource(dataSource => dataSource .Ajax() .Batch(true) .PageSize(20) .ServerOperation(false) .Events(events => events.Error("error_handler")) .Model(model => model.Id(p => p.Id)) .Create("Editing_Create", "ArticleAdmin") .Read("Editing_Read", "ArticleAdmin") .Update("Editing_Update", "ArticleAdmin") .Destroy("Editing_Destroy", "ArticleAdmin") ))
Что я уже пробовал:
Для этой цели я использовал пользовательскую команду, а не ClientTemplate. Как написать действие javascript?
функция showDetails() {
// какой код должен быть написан здесь?
// var action = ' @Url. Action ("Details", "ArticleAdmin")';
}
Karthik_Mahalingam
вы имеете в виду url?