2016-01-23 95 views
0

Im我的应用程序使用Syncfusion控件的ASP.NET MVC 5 im。如何从Syncfusion MVC Grid的选定行中获取列值

这是我的观点:

@using Reporter.Models 
@model List<UsersListViewModel> 


@(Html.EJ().Grid<object>("FlatGrid") 
    .Datasource(Model) 
    .AllowFiltering() 
    .FilterSettings(d => d.FilterType(FilterType.Menu)) 
    .AllowSorting() 
    .ToolbarSettings(toolBar => toolBar.ShowToolbar().ToolbarItems(items => 
    { 
     items.AddTool(ToolBarItems.ExcelExport); 
    })) 
    .Columns(col => 
    { 

     col.Field("OrderNumber").HeaderText("Lp.").TextAlign(TextAlign.Left).Width(15).AllowFiltering(false).Add(); 
     col.Field("UserName").HeaderText("Nazwa użytkownika").Width(50).Add(); 
     col.Field("CanReadReports").HeaderText("Dostęp do raportów").Width(40).AllowSorting(false).HeaderTextAlign(TextAlign.Center).Add(); 
     col.Field("IsAdministrator").HeaderText("Administrator").Width(40).AllowSorting(false).Add(); 
    }) 
    .Mappers(map => map.ExportToExcelAction("Account/UserListExportToExcel")) 
    .AllowSelection() 
    .SelectionType(SelectionType.Single) 
) 
<hr/> 
<p style="text-align: justify"> 
    @Html.ActionLink("Nowy użytkownik", "Register", "Account", 
    null, 
    new { @class = "btn btn-default" } 
    ) 
    @Html.ActionLink("Usuń użytkownika", "Register", "Account", 
    new {user = "UserNameToRaplace"}, //here i want UserName from selected row 
    new { @class = "btn btn-default" } 
    ) 
    @Html.ActionLink("Zmień hasło", "Manage", "Account", 
    new { user = "UserNameToRaplace"}, 
    new { @class = "btn btn-default" } 
    ) 
</p> 

而且我的问题是如何从所选行获取用户名和粘贴ActionLink的。

回答

1

在网格定义添加

.ClientSideEvents(evt => evt.RowSelected("onRowSelected")) 

,并添加JavaScript函数

<script>  
    function onRowSelected(args) { 
     var result = this.getSelectedRecords(); 

     var userName = result[0].UserName;   

     var deleteUserLink = $("#DeleteUser").attr('href'); 
     var changePassUserLink = $('#ChangePass').attr('href'); 

     var newDeleteUserLink = deleteUserLink.replace("UserNameToRaplace", userName); 
     var newChangePassUserLink = changePassUserLink.replace("UserNameToRaplace", userName); 

     var deleteUserLink = $("#DeleteUser").attr('href', newDeleteUserLink); 
     var changePassUserLink = $('#ChangePass').attr('href', newChangePassUserLink); 
    }; 
</script> 
1

你可以在getSelectedRecords方法选定的信息。但在网格中启用多选时,它将返回所有选定的记录。

因此,要获取当前选定的行数据,您可以简单地从rowSelected事件的arguments访问它。

function onRowSelected(args) { 
    var userName = args.data.UserName; 

    //Do something. 
}; 

参考链接:http://help.syncfusion.com/js/api/ejgrid#events:rowselected

相关问题