asp.net MVC结合EasyUI的datagrid实现分页加载数据

1.引用EasyUI的相关插件,在html文档中编写datagrid,如下: <div class="easyui-layout" data-options="border: false,fit: true"> <div data-options="region:'center',border: false"> <t...
摘要由CSDN通过智能技术生成

1.引用EasyUI的相关插件,在html文档中编写datagrid,如下:

    <div class="easyui-layout" data-options="border: false,fit: true">
        <div data-options="region:'center',border: false">
            <table id="AdminList" class="easyui-datagrid" style="width:100%;height:100%;"
				data-options="
                    rownumbers: true,
                    fitColumns: true,
					striped: true,
                    singleSelect: true,
					pagination: true,
                    pageSize: 20,
					pageList: [20,50,100],
					toolbar: '#A_tool',
                    remoteSort: false,
                    multiSort: true,
                    onClickRow: OnclickAdminRow
				">
                <thead>
                    <tr>
                        <th data-options="field:'LoginName',width:150,halign:'center',align:'left',sortable:true,fixed:true">账号</th>
                        <th data-options="field:'Name',width:150,halign:'center',align:'left',sortable:true,fixed:true">昵称</th>
                        <th data-options="field:'State',width:100,halign:'center',align:'center',sortable:true,fixed:true,formatter:formatState">状态</th>
                        <th data-options="field:'CreateTime',width:120,halign:'center',align:'left',sortable:true,fixed:false">创建时间</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <div id="A_tool" class="pd-12-20">
        <div class="float-l">
            <label>关键字:</label>@Html.TextBox("Keyword", "", new { @class = "input-txt-te width-150", @autocomplete = "off" })
            <a href="javascript:void(0)" class="easyui-linkbutton a-success" onclick="SearchAdmin()"><i class="fa fa-search i-green"></i> 搜索</a>
        </div>
        <div class="float-r">
            <a href="javascript:void(0)" class="easyui-linkbutton a-purple" plain="true" onclick="AddAdmin()"><i class="fa fa-plus i-blue"></i> 添加</a>
            <a href="javascript:v
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ASP.NET MVC EasyUI-Tree 是一种用于在ASP.NET MVC应用程序中实现树状结构的开源插件。它基于EasyUI框架,为开发人员提供了一种简单而强大的方式来展示和操作树形数据。 使用ASP.NET MVC EasyUI-Tree可以实现以下功能: 1. 数据展示:可以将树状数据以层级结构展示出来,帮助用户更直观地理解数据之间的关系。 2. 数据操作:可以对树状数据进行增加、编辑和删除等操作,使用户可以方便地对树节点进行维护和管理。 3. 数据筛选:可以通过设置过滤条件实现对树状数据的快速筛选,只显示符合条件的节点。 4. 数据排序:可以对树状数据进行排序,按照特定字段的升序或降序排。 5. 数据搜索:可以通过关键字搜索来快速定位包含特定内容的节点。 6. 数据导入/导出:可以将树状数据导入到Excel等格式文件中,或者将外部数据导入到树状结构中。 7. 数据异步加载:对于大量数据,可以采用异步加载的方式实现分页加载,提升性能和用户体验。 使用ASP.NET MVC EasyUI-Tree需要进行一些配置和编写代码,但整体来说相对容易上手。它提供了丰富的API和事件以供开发人员自定义和扩展,能够满足不同需求的应用场景。 总而言之,ASP.NET MVC EasyUI-Tree是一个强大而易用的工具,能够帮助开发人员在ASP.NET MVC应用程序中轻松地实现树状结构的展示和操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值