网格页面大小根据用户输入而变化 [英] Grid page size change based on user input

问题描述

如何将选定的下拉值发送到Web网格页面大小.请帮助
@model IEnumerable< hrms_dl.zbs_hr_route>
@ {
布局= null;
}


@ {



var grid = new WebGrid(Model，rowsPerPage:10，ajaxUpdateContainerId:"myGrid"，canSort:true);
@ grid.GetHtml(列:grid.Columns(
//grid.Column("RT_ID，标头:string.Format(" ROUTE ID，grid.SortColumn ==" RT_ID?grid.SortDirection == SortDirection.Ascending?"▼:"▲:"▼"))，
grid.Column("RT_ID"，"ROUTE ID")，
grid.Column("RT_NAME"，"ROUTE NAME")，
grid.Column(format:(item)=> Html.ActionLink("Edit"，"Edit"，new {id = item.RT_ID，area ="EIM"}，null))，
grid.Column(format:(item)=> Html.ActionLink("Details"，"Details"，new {id = item.RT_ID，area ="EIM"}，null))
));


}

-------------------------------------------------- -------------------------------------------------- -

控制
-------------------------------------------------- -------------------------------------------------- -

//定义下拉列表的值

How to send the selected drop down value to web grid page size.Please help
@model IEnumerable<hrms_dl.zbs_hr_route>
@{
Layout = null;
}


@{



var grid = new WebGrid(Model, rowsPerPage:10, ajaxUpdateContainerId: "myGrid", canSort: true);
@grid.GetHtml(columns: grid.Columns(
//grid.Column("RT_ID", header: string.Format("ROUTE ID", grid.SortColumn == "RT_ID" ? grid.SortDirection == SortDirection.Ascending ? "▼" : "▲" : "▼")),
grid.Column("RT_ID", "ROUTE ID"),
grid.Column("RT_NAME", "ROUTE NAME"),
grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { id = item.RT_ID, area = "EIM" }, null)),
grid.Column(format: (item) => Html.ActionLink("Details", "Details", new { id = item.RT_ID, area = "EIM" }, null))
));


}

------------------------------------------------------------------------------------------------------

control
------------------------------------------------------------------------------------------------------

//define values for drop down

public static SelectList PageSizeSelectList()
{
    var pageSizes = new List<string> { "1", "2", "5", "10", "100" };
    return new SelectList(pageSizes, "Value");
}

-------------------------------------------------- -------------------------------------------------- ---
查看
-------------------------------------------------- -------------------------------------------------- ---

//采用选定的值

-------------------------------------------------------------------------------------------------------
view
-------------------------------------------------------------------------------------------------------

//take the selected value

<script>

    $(function () {
        $('#pageSizes').change(function () {
            var selectedValue = $(this).val();
            $('#pageSizes').val(selectedValue);
            //alert(selectedValue);
        });
    });


</script>

//下拉

//drop down

< label>页面大小</label>

每页@ Html.DropDownList("pageSizes"，HRMS.Areas.EIM.Controllers.RouteController.PageSizeSelectList()，新的{onchange ="onPageSizeChange()"})行

<label>Page Size</label>

@Html.DropDownList("pageSizes", HRMS.Areas.EIM.Controllers.RouteController.PageSizeSelectList(), new { onchange = "onPageSizeChange()" }) rows per page

推荐答案

(function(){

(function () {

('#pageSizes').change(function(){ var selectedValue =

('#pageSizes').change(function () { var selectedValue =

(this).val();

(this).val();

这篇关于网格页面大小根据用户输入而变化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！