asp.net mvc easyui datagrid使用

本文介绍了如何在ASP.NET MVC框架下使用EasyUI的DataGrid组件。通过展示Controller和View的代码示例,强调了尽可能使用标签绑定以实现页面与Controller的业务分离,并建议利用API提供数据和操作。同时,给出了一个仿照EasyUI官方文档布局的layout页,探讨了在多页面应用中如何灵活处理视图和导航菜单的方法。
摘要由CSDN通过智能技术生成

话不多说,上代码吧。

创建一个Controller 

 public class TNewsController : Controller
    {
   
        public ActionResult Index()
        {
            return View();
        }
	}


对应的View片段,

<pre name="code" class="html"><div id="content">
    <div id="toolbarTNews">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-add" plain="true" οnclick="newobj('新闻', 'TNews')">增加新闻</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-edit" plain="true" οnclick="editobj('TNews', '新闻', 'NewsId')">修改新闻</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-remove" plain="true" οnclick="destroyobj('TNews', '新闻', 'NewsId')">删除新闻</a>
        <input class="easyui-searchbox" data-options="prompt:'输入新闻标题进行搜索',searcher:doSearch" style="width: 300px" />
        <script>
            function doSearch(value) {
                $('#dgTNews').datagrid('reload', { query: value }); //查询条件,自己控制啦,在负责API对应Controller的Aciton里自己加就行了
            }
        </script>
    </div>
    <table id="dgTNews" class="easyui-datagrid" data-options="url:'../../../Api/TNews/Index',resizable:true,modal:true,singleSelect:true" rownumbers="true"
            pagination="true" toolbar="#toolbarTNews">
        <thead>
            <tr>
                <th data-options="field:'NewsId',hidden:true,width:80">新闻Id</th>
                <th data-options="field:'NewsTitle',width:280">新闻名称</th><th data-options="field:'NewsDateTime',width:80,<span style="font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 23.1px;">sortable='true'</span>">新闻时间</th>
                <th data-options="field:'NewsStatus',width:80,align:'left'" formatter="formatterstatus">新闻状态</th>
            </tr>
        </thead>
    </table>
 
</div>
 

负责给data-options 的url提供API的Controller以及Action,不要用APIController,因为你不能随心所欲的返回动态对象了,返回个dynamic又太别扭,维护Model也是相当大的工作量啊(问题在这,哈哈,人懒)。

 public class TNewsController : Controller
    {
        /// <summary>
        /// 
        /// &l
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值