easyui-datagrid行编辑，后台以主表为基表关联从表进行查询数据后，在前台行编辑字段内容的显示

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 3.3k累计阅读 3.3k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄10年

关注

原创最新推荐文章于 2026-05-11 12:09:27 发布 3.3k 阅读 AI 写同款· GEO 优化 ›

MVC+EasyUI实现查询显示到相应表格这里要说的显示界面是Razor页面，我们要使用easyui首先应该在界面中添加相应的引用，如下代码，这些都是必要的引用文件，可以根据自己所存放的路径来添加src地址。 @*添加Jquery EasyUI的样式*@ @*添加Jquery，EasyUI和easyUI的语言包的JS文件*@ 下面是实现对EasyUI的DataGird控件操作的JS代码 @*实现对EasyUI的Da 阅读详情

一、前提条件：

1.行编辑的columns字段既有主表字段，又有从表字段。行编辑内容的展示应该以从表('多记录')为基表，关联主表('单记录')进行后台查询。否则行编辑中'被关联的表'的字段的显示处理起来很麻烦。

2.行编辑代码格式如下：

二、行编辑主表的字段用formatter函数处理，如下图(其中workLogTable是主表)：

三、行编辑主表字段的应用(作为参数)：

收录于

Easyui

当前文章被收录于：

Easyui

8 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#datagrid #行编辑 #主表 #从表 #字段内容的显示

02.手把手教你 .Net EasyUI DataGrid(数据表格排序) 在上一篇我已经介绍了从数据库加载数据到DataGrid的方法，那么今天的这篇博客是介绍，怎样排序你加载的数据。（1）DataGrid的排序相关的属性，表2-1 sortable boolean 如果为true，则允许列使用排序。 sortName string 定义哪些列可以进行排序。 sortOrder stri 阅读详情

相关推荐

easyui datagrid combobox通过url获取json数据的下拉框

easyui1.4 datagrid combobox通过url获取json数据的下拉框

觉罗晓的博客 8468

easyUI之tree前端实现

前端面试题汇总前端面试题是我面试过程中遇到的面试题，每一次面试后我都会复盘总结。

2401_84094725的博客 894

Servlet+easyui例子，实现了可编辑表格，增删改查等操作；包含了数据库建库脚本

这个demo后台用的Servlet,，前台用的easyui，数据库用的mysql,实现了可编辑表格以及增删改查。包含了数据库建库脚本。

EASYUI 使用自定义的校验类型来联动校验表单

EasyUI的校验，一般使用validatebox来进行处理，除了一些已经给定的校验规则，有时候需要按照自己的特殊需求进行自定义校验规则，校验展示是按照原本的样式来展示；扩展性非常强。例如，下面两个输入框，要根据输入框A的值对输入框B的值进行校验是否输入相同： 1）自定义规则，扩展EasyUI的校验规则： // extend the 'equals' rule $.extend($.fn.

Leader Honer|技术与管理，核心竞争力 1723

用STM32F103C8T6和TB6612驱动模块，从零搭建一辆能避障循迹的智能小车（附完整代码）

本文详细介绍了如何使用STM32F103C8T6和TB6612驱动模块从零搭建一辆能避障循迹的智能小车。内容涵盖硬件选型、电路设计、底层驱动配置以及智能行为算法实现，并附有完整代码示例，帮助开发者快速掌握嵌入式开发的核心技术。

weixin_42641741的博客 444

51单片机——LCD12864驱动函数深度解析与实战优化

本文深入解析了51单片机驱动LCD12864液晶屏的核心驱动函数，从底层时序、关键延时到地址计算进行逐行剖析，并针对常见显示问题提供系统性的调试技巧与实战优化方案。重点探讨了如何将基础代码优化为稳定高效的驱动，涵盖延时精准化、批量写入及显示缓冲区等高级技巧，旨在帮助开发者从“点亮”屏幕进阶到“精通”驱动，确保显示稳定可靠。

weixin_29190169的博客 84

jQuery easyUI combobox下拉框联动级联

新做了一个下拉框联动的小功能，网上找的是省市级联，之前也套用了，这次是自定义的一个级联，相当于父子关系，有如下两张表：表A：（分类表）（相当于主菜单）表B：（目录表）（相当于子菜单）注：LinkNumber是相当于一个序号，两张表之间用ClassNumber关联前台信息填写如下：分类名称下拉框代码：

nnn_net的博客 2万+

海康工业相机SDK开发实战：从环境搭建到实时图像采集（附避坑指南）

本文详细介绍了海康工业相机SDK在Windows平台上的开发实战流程，涵盖从环境搭建、运行时库路径配置到实时图像采集的全过程。重点解析了MVS SDK部署、设备连接、参数设置及图像处理等核心环节，并提供了实用的避坑指南和错误排查方法，帮助开发者构建稳定的机器视觉系统。

weixin_29248611的博客 845

easyui datagrid columns field 访问子属性或更深层子属性

一直以来对EasyUI框架情有独钟，因为觉得它真的配的上这个名字，几年以前的项目就基于Easyui进行了一些封装，日前开始开发一个管理系统，自然又想到了它。由于项目后端使用SSM框架，业务场景中，表之间关联的情况比较多，且很多在多方结果集中需要展示一方信息。这样的功能基于mybatis很容易就可以实现，但是在前台EasyUI的Columns数组元素中的field属性却不支持子属性的访问，由于类...

suijiarui的专栏 1232

Opencv4.5.1 微信二维码识别功能 QRCode 编译与使用 C++

部分参考：https://mp.weixin.qq.com/s/2GZAJAUPHTXFOKDRv-D21Q 一、下载源码 https://github.com/opencv 二、源码编译 ① 在cmake中添加源码编译路径和生成路径，第一次点击configure。 ② 添加contrib路径第一次configure后，找到OPENCV_EXTRA_MODULES_PATH，将contrib路径添加进来，注意要具体到modules/，继续configure。 ..

zaibeijixing的专栏 1万+

ICC2: 如何让CTS指定pin多长指定长度

这里create_clock不需要写到sdc里，在脚本里写就行，需要注意的是脚本里存在remove_clock_tree的话，add_buffer就要放remove_clock_tree后面，或者给guide buffer设don't touch也行。跟innovus的操作逻辑一样，如果要让tree上的某一点长长，要先考虑这个点后面的clock tree能正常balance。我正在「拾陆楼」和朋友们讨论有趣的话题，你⼀起来吧？-5意味着长长5ns，相反正值意味着做短。

m0_61544122的博客 679

easyui中表格实现下拉联动，编辑功能

功能要求：点击编辑按钮时，车辆型号，车牌号码，司机和司机电话可以编辑；其中车牌号码根据车辆型号进行筛选，司机和司机电话根据车牌号码带出来。代码如下： <script> var testIndex = 0; $(function () { $('#zd_table').datagrid({ width: 1080, height: 'auto' + 1, checkOnSelect: true, singleSelec..

qq_29124867的博客 2190

Android应用发布到Google Play的步骤和注意事项

发布Android应用到Google Play是将您的应用分享给全球用户的重要步骤。Google Play是Android平台上最大的应用分发渠道之一，使得开发者可以轻松将他们的应用推广到数百万的用户。在本篇博客中，我们将逐步介绍如何将您的Android应用发布到Google Play，同时提供详细的步骤和注意事项，以及相关的代码示例。

2201_76125261的博客 850

善良公社之EasyUI框架下在datagrid中显示数据

善良公社中有一个功能是实现用户登录后根据用户名查询订单和预购信息，在easyui框架下向datagrid中导入数据，因为1.0版本中社河做过这个功能，参照他的代码完成了我这部分，根本思想是一样的：查找数据转换为json格式，再显示到窗体中。一、界面功能有两个单选按钮，一个我的订单，一个我的预购信息，点击每个按钮会显示不同的内容，这里用了两个panel来装datagrid控件。 1.

张晓 4727

prplOS介绍

介绍prplOS是什么，特性、框架、编译等。

四儿家的小祖宗的博客 2119

CesiumJS【Basic】- #002 加载在线瓦片地图数据

cesiumjs 加载各类在线地图数据

AlanL的专栏 952

EasyUI easyui-datagrid 实现一列显示多个字段的数据(回显多字段、一列显示多列、单元格显示多字段)

主要代码 //1.获取表单数据 var val=$("#ff").serialize(); console.info(val); //2.把查询的值给easyui中的table表格 $("#tab").empty();var tarObject=$("#tab").append('<table id="dg" class="easyui-datagr...

dsa572713470的博客 3924

C# WinForm 基于DirectShow.dll编写的程序，可边预览边保存视频，音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择（默认选中第一个）2.可录制wmv和avi两种格式的视频并且都带有音频，avi可以录制的分辨率和帧数进行选择，wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照，也可边录制视频边拍照4.添加了视频和音频的压缩功能（酌情使用）这次二次开发发现C#对DirectShow的相关信息太少，这次做完也不敢藏私共享出来，还望大家指正

datagrid布局之后台查询和条件查询

datagrid之查询、删除功能一、easyui布局二、easyui后台查询三、datagrid条件查询一、easyui布局如果要学习datagrid首先要看它的实例，再看它的文档，然后再看下图，它有最简单的方式。变动的地方新建了一个book.js，将文档里的实例代码复制过来，将datagrid_data1.json列字段与js里的列字段相对应，这里只取了三个。 $(function(){ $('#dg').datagrid({ url:'datagrid_data1.js

qq_47906421的博客 538

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表，创建专业级图表以简化复杂的信息。

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等，可在创建的窗口进行控制

Easyui Datagrid 中用 Combotree 的显示问题

Datagrid嵌入combotree控件后，在编辑时候，能正常显示combo的text，但完成编辑后，却显示combo的value了，很不爽。如何做到显示实际的text呢？查了相关资料，有很多方法，如：可以从combotree的选择事件后修改，或者从行编辑完成后修改，最后总结出，通过单元格的formatter事件修改最简单，方法就是先将combotree的所有数据后台输出到前台作为一...

ipman的专栏 1444

IEM模型，地表粗糙度模拟

利用微波反演土壤水分时候，利用IEM模型可以实现对随机地表的模拟

easyUI datagrid 实现高级查询不同字段实现不同的editor

var _defaultFieldName="emp_no"; //可查询的字段 var _columns=_gridEmployee.datagrid("getColumnFieldInfos"); //格式化字段显示的标题 var _fieldnameFormater=funct

犇骉的专栏 1604

easyUI -datagrid表格数据不显示

出现easyUI -datagrid表格数据无法显示这种情况的可能原因有多方面的，可能是因情况而异吧，现在说一下日常做项目中我遇到过的这几个方面（原因二是我遇到过的，在网上看到也是常有的）前提：在写好jsp页面代码和后台查询数据库代码后，项目可以运行，发现datagrid中显示空白，Chrome浏览器的Developer Tools中没有报错，后台也能打印出后台传递到前台的json字符串。原因一： datagrid只显示表头，无法显示表格数据，即出现如下图的情况：即所需要渲染的表格只出现了表头，表

weixin_44543412的博客 4263

使用easyUI datagrid 分页展示数据库数据，并带字段查询功能

项目中需要展示数据库数据，并可以选中自己需要的数据。一开始是直接手写HTML实现的，后来boss说太丑，就用上了easyUI 的datagrid(数据网格)，现在总结一下使用过程，以下摘自easyUI中文网。 “数据网格（datagrid）以表格格式显示数据，并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格（datagrid）的设计目的是为了减少开发时间，且不要...

我只是代码搬运工的博客 1326

easyUI下datagrid嵌套显示

主要是运用 easyui的方法进行行内嵌套显示，让一行可以显示更多的东西，让一行显示JSON的字符串、从表之类的东西。下边先看效果图：接下来说实现过程：（1）在首次加载中添加代码view: detailview, detailFormatter:function(index,row){ return '<div style="padding:2px"><table class="ddv"><

GrantF的博客 2990

完美避免easyui datagrid加载两次数据

完美避免easyui datagrid加载两次数据很久没有碰easyui了，但工作问题需要写个动态数据表，最近又因数据量特大而碰到这个问题，就记录一下。其中问题为： 1、数据量过百万级别，且字段特别多，三十多列，加载的数据可想而知了，如果需要连表查询呢？呵呵。。。。。（就算是分页，每次加载两百条数据，也有几M了） 2、数据表的字段需要根据使用者的筛选而进行显示。 3、easyui有bug，da...