百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

mmGrid一款让你上瘾的表格插件,绝对值得拥有

ccwgpt 2024-09-26 08:08 22 浏览 0 评论

欢迎关注支持。


前言

在遇到表格插件之前,开发后台表格的时候,一直是手写table,th,tr,td,或者不停的复制粘贴,不胜其烦,自从用了mmGrid来创建表格或者列表,在也没有烦恼了,今天我们一起来看看mmGrid插件为什么让后台开发工程师上瘾的。

内容概要

1、mmGrid简介

2、mmGrid常用功能介绍

3、mmGrid实践

一、mmGrid简介

mmGrid基于jQuery的表格插件,样式简洁,修改容易,基本上可以满足日常后台开发的列表需要。可以支持本地数据源和远程数据源。下面来几个动态图大家看看。

mmgrid

mmgrid

二、mmGrid常用功能介绍

我这里简单列举一下:

1、支持列排序

2、可以支持拖动列宽

3、支持表头分组(二级表头)

4、支持行索引

5、支持多行选中,多行操作

6、自适应表格宽和高

三、mmGrid实践

我这里说PHP的实践思路:

1、首先将mmGrid封装到一个html文件中,并且使用AJAX的方式加载数据

2、在后台php文件中,对表格所需的表头,数据进行封装。

经过前端和后端的两个封装,表格的创建就非常容易了,我给出以前做的一个CI框架的例子和效果,大家参考。

先看效果:

案例

A)前端的封装。

表格文件放到一个mmGrid.html文件中,该文件分为三个部分,一个是引入样式文件代码,二是正文表格的代码,三是配置代码,四是引入js文件代码。我这里贴出关键的二和三,其他大家搜索一下可以得到。

上面的代码实现两个功能:一个是页面的标题和副标题,二是引入搜索文件。

这些配置文件大家参考官方的解释吧。主要是加载表格的配置。

引用的时候,写一个搜索文件就可以了,说的不明白,看后端代码就明白了。

B)后端代码,分为两个部分,一是配置表格的实际内容,二是引入搜索文件。

关键代码如下:

其中,index和query方法可以在父类方法中给出,如果没有特殊需要的话,控制器部分可以省略这两个方法。

listDataFormat是对model传过来的数据进行格式化,比如时间戳改成可读的形式。

另外,可以使用js对常用的查看,删除,编辑等行操作进行封装,比如我这里封装后,在控制器里写一个delete方法就可以满足删除的操作需求。

可能没有说的太清楚,如果需要源码的话,我把github上的代码整理一下再发出来给大家参考。

相关推荐

MFC、Qt、WPF?该用哪个?(mfc和wpf区别)

MFC、Qt和WPF都是流行的框架和工具,用于开发图形用户界面(GUI)应用程序。选择哪个框架取决于你的具体需求和偏好。MFC(MicrosoftFoundationClass)是微软提供的框架,...

一款WPF开发的通讯调试神器(支持Modbus RTU、MQTT调试)

我们致力于探索、分享和推荐最新的实用技术栈、开源项目、框架和实用工具。每天都有新鲜的开源资讯等待你的发现!项目介绍Wu.CommTool是一个基于C#、WPF、Prism、MaterialDesign...

关于面试资深C#、WPF开发工程师的面试流程和问题

一、开场(2-3分钟)1.欢迎应聘者,简单介绍公司和面试流程。2.询问应聘者是否对公司或岗位有初步的问题。二、项目经验与技术应用(10-20分钟)1.让应聘者详细介绍几个他参与过的C#、...

C# WPF MVVM模式Prism框架下事件发布与订阅

01—前言处理同模块不同窗体之间的通信和不同模块之间不同窗体的通信,Prism提供了一种事件机制,可以在应用程序中低耦合的模块之间进行通信,该机制基于事件聚合器服务,允许发布者和订阅者之间通过事件进行...

WPF 机械类组件动画制作流程简述(wps上怎么画机械结构简图)

WPF机械类组件动画制作流程简述独立观察员2025年3月4日一、创建组件创建组件用户控件,将组件的各部分“零件”(图片)拼装在一起,形成组件的默认状态:二、给运动部分加上Rend...

C#上位机WinForm和WPF选哪个?工控老油条的"血泪史"

作为一个从互联网卷进工控坑的"跨界难民",在这会摸鱼的时间咱就扯一下上位机开发选框架这档子破事。当年我抱着WPF的酷炫动画一头扎进车间,结果被产线老师傅一句"你这花里胡哨的玩意...

【一文扫盲】WPF、Winform、Electron有什么区别?

近年来,随着软件开发的不断发展,开发人员面临着选择适合他们项目的各种框架和工具的挑战。在桌面应用程序开发领域,WPF、Winform和Electron是三个备受关注的技术。本文将介绍这三者的区别,帮助...

一个开源、免费、强大且美观的WPF控件库

我们致力于探索、分享和推荐最新的实用技术栈、开源项目、框架和实用工具。每天都有新鲜的开源资讯等待你的发现!项目介绍HandyControl是一套基于WPF(WindowsPresentationF...

WPF 根据系统主题自动切换浅色与深色模式

WPF根据系统主题自动切换浅色与深色模式控件名:Resources作者:WPFDevelopersOrg-驚鏵原文链接[1]:https://github.com/WPFDevelopers...

WPF与WinForm的本质区别(wpf与maui)

在Windows应用程序开发中,WinForm和WPF是两种主要的技术框架。它们各自有不同的设计理念、渲染机制和开发模式。本文将详细探讨WPF与WinForm的本质区别,并通过示例进行说明。渲染机制W...

Win10/Win11效率神器再进化:微软发布PowerToys 0.90.0版本

IT之家4月1日消息,微软今天(4月1日)更新PowerToys,在最新发布的0.90.0版本中,修复多个BUG之外,引入多项功能更新,为Windows10、Windows...

一款非常漂亮的WPF管理系统(wpf架构及特性)

我们致力于探索、分享和推荐最新的实用技术栈、开源项目、框架和实用工具。每天都有新鲜的开源资讯等待你的发现!WPFManager项目介绍该项目是一款WPF开发的管理系统,数据库采用的MSSqlserv...

WPF 实现描点导航(wpf按钮的点击事件)

WPF实现描点导航控件名:NavScrollPanel作者:WPFDevelopersOrg-驚鏵原文链接[1]:https://github.com/WPFDevelopersOrg/WPF...

微软更新基于Win11的Validation OS 2504:增强 .NET与WPF

IT之家5月1日消息,科技媒体NeoWin今天(5月1日)发布博文,报道称微软公司更新基于Windows11的ValidationOS,增强支持.NET和WPF,并优...

WPF的技术架构与优势(wpf的前景)

WindowsPresentationFoundation(WPF)是一个现代化的用户界面框架,专为构建Windows应用程序而设计。它通过分层的技术架构和丰富的功能集,提供了全面的应用程...

取消回复欢迎 发表评论: