【项目实战】---Easyui datagrid detailview使用简介

最新推荐文章于 2022-09-28 15:36:07 发布

一路向前！

最新推荐文章于 2022-09-28 15:36:07 发布

阅读量2.5k

点赞数 1

分类专栏： -----项目实战

本文链接：https://blog.csdn.net/ytm15732625529/article/details/78317634

版权

本文介绍了Easyui的DataGrid DetailView的使用，包括如何引入样式和脚本，实现折叠和展开的详细视图功能，以及需要注意的关键属性和事件。通过对detailFormatter和onExpandRow等特性的解析，帮助读者理解并掌握Easyui datagrid detailview的使用。

摘要由CSDN通过智能技术生成

前言：

之前对于esayUI的了解是仅仅是停留在对datagrid的简单应用上，这次有机会了解和学习数据网格详细视图即DataGrid DetailView，还是很有意思的。所谓的数据网格详细视图可以理解为SubGrid即次网格，在网格中还包含着网格，通过点击事件达到折叠或展开的效果。

实现：

1、引入页面样式和脚本

 <link rel="stylesheet" href="/Content/easyui.css">
    <link rel="stylesheet" href="/Content/icon.css" />
    <script type="text/javascript" src="/Scripts/jquery.min.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/Scripts/datagrid-detailview.js"></script>
    <script type="text/javascript" src="/Scripts/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="/Scripts/SalesOrder/SOrderTracking.js"></script>

这里要注意的是引入datagrid-detailview.js。