kendo ui网格排序局部视图

我有一个主视图，其中包含3个局部视图。其中一个局部视图包含应该可排序的kendo网格。kendo ui网格排序局部视图

@(Html.Kendo().Grid(Model) 
    .Name("tasksgrid") 
    .Sortable() 
    .Filterable() 
    .HtmlAttributes(new { style = "height:100%; font-size:14px;" }) 
    .Columns(columns => 
    { 
     columns.Bound(e => e.Url).Title("URL").Hidden(); 
     columns.Bound(e => e.Id).Title("ID").Hidden(); 

     columns.Template(@<img src="@item.OperatorCreated.ImageSource" style="width:80px;height:80px;"/>).ClientTemplate(" ").Width(100).Title("Picture"); 
     columns.Bound(e => e.Subject).Template(@<div> 
      <div style="font-size: 20px;">@item.OperatorCreated.Name</div> 
      <div>@item.Subject<br />@item.Message</div> 
     </div>).Title("Details").HtmlAttributes(new {id = "detailcolumn"}); 
     columns.Bound(e => e.DateTimeCreated).Title("Date").Width(100).HtmlAttributes(new { id = "datecolumn" }); 
    })   
    .Selectable(selectable => selectable.Mode(GridSelectionMode.Single)) 
     .DataSource(dataSource => dataSource 
      .Server() 
      .Model(model => model.Id(p => p.Id)) 
     ) 
    .Events(events => events.Change("onChange")) 
    .Scrollable() 
)

仅当选择了其他视图中的某个动作时才会呈现此局部视图。然后检索数据以填充网格。

function RefreshTasks(name) { 
    var serviceUrl = "/Tasks/PopulateTasks?actionname=" + name; 
    var request = $.post(serviceUrl); 

    request.done(
     function (data) { 
      $("#tasks").html(data); 
     } 
    ); 
}

当排序上创建以下网址电网完成 “本地主机：1772/tasksgrid排序= DateTimeCreated降序排序& tasksgrid组= & tasksgrid过滤器=” 它刷新整个页面这意味着我对电网的局部观点已经不存在了。

有没有办法只把这个网址放到局部视图中。

我找到了一种方法来完成我需要的这个实现。

$("#tasksgrid .k-link").click(function (e) {//call the function when column header is clicked 
    var thelink = e.target.href;//get the url that would be navigated to on sort 

    var serviceUrl = thelink; 
    var request = $.post(serviceUrl);//post the url 

    request.done(
     function (data) { 
      $("#tasks").html(data);//update div 
     } 
    ); 

    return false;//cancels navigation 
})

来源

2014-02-11 tvmannetjie

您应该将网格配置为使用Ajax绑定。否则，它会刷新整个页面。更多信息请登录documentation。

来源

2014-02-11 12:14:40

kendo ui网格排序局部视图

回答

相关问题