MVC 使用ViewBag 加载数据 与laypage 结合

这篇博客记录了作者在学习MVC过程中,如何使用ViewBag传递数据并结合layui的laypage进行分页操作的经验。在页面中,需要注意使用@Html.Raw()渲染HTML字符串,通过Request["XX"]获取表单数据,并确保layui资源路径正确。在Controller中,通过返回Json数据供前端JavaScript处理。在JavaScript中,laypage初始化时需要设置curr参数为当前页数,并为laypage的A标签添加href属性和data-page数据。
摘要由CSDN通过智能技术生成

自己初学MVC ,将原有的项目页面  改为MVC  ,因原有页面与后端数据传递使用ajax,改为MVC模式后,Controller返回 json 数据就可直接用

所以 ,尝试ViewBag赋值  与 laypage  结合使用  留个记录

首先 页面代码

<head  runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    @Styles.Render("~/Content/static/layui-v2.5.6/layui/css/css")
    @Styles.Render("~/Content/static/layui-v2.5.6/layui/css/modules/laydate/default/css")
    @Scripts.Render("~/Content/static/jquery-1.10.2/jquery")
    @Scripts.Render("~/Content/static/layui-v2.5.6/layui/js")
    @Scripts.Render("~/Content/static/layui-v2.5.6/layui/lay/modules/datejs")
    <script src="@Url.Content("~/Content/static/layui-v2.5.6/layui/layui.all.js")"></script>
    <style>
        .layui-card {
            float: left;
            padding: 10px;
            margin: 10px;
        }

        body {
            background-color: #009688;
            padding: 0;
            margin: 0px;
        }

        .form-control {
            border-style: solid;
            border-width: 1px;
            border-color: #C9C9C9 !important;
            width: 80%;
            height: 25px;
            border-radius: 50px;
        }

        .layui-btn-sm {
            border-radius: 50px;
        }



        td {
            white-space: nowrap;
            align: right;
        }
    </style>
</head>
<body>
    <form id="form" runat="server" action="~/admin/loadData?page_index=1&page_size=1" class="layui-form layui-form-pane" method="post">
        <div class="col-md-12">
            <input type="hidden" id="closeID" />
            <div class="layui-card" style="width: 95%; min-width: 220px;">
                <div class="layui-card-body">

                    <div class="layui-form-item"></div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">状态:</label>
                        <div class="layui-input-block">
                            &nbsp;&nbsp;
                            <input type="radio" title="所有" name="radbtnStatu" checked value="" />
                            <input type="radio" title="未分配" name="radbtnStatu" value="001" />
                            <input type="radio" title="对接中" name="radbtnStatu" value="002" />
                            <input type="radio" title="已完成" name="radbtnStatu" value="003" />
                            <input type="radio" title="已关闭" name="radbtnStatu" value="004" />
                            <input type="hidden"  id="statu" value=
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值