easyUI 中datagrid控件从后台获取数据生成列，想让其中部分属性数据不在表中显示

最新推荐文章于 2020-09-24 17:39:00 发布
原创 最新推荐文章于 2020-09-24 17:39:00 发布
· 1k 阅读 · 0 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何在JavaScript中使用easyUI的DataGrid控件时隐藏不需要显示的字段。通过设置hidden属性为true，可以轻松实现这一需求。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

JavaScript中使用easyUI的DataGrid控件从后台获取数据，动态生成列表，每行数据都对应数据库中记录，

如果想让部分字段不显示出来，如下图所示：

columns: [[
//			{field: 'ck', checkbox: true},
			{field: 'id', hidden:true},
			{field: 'type', hidden:true},
			{field: 'dwid', hidden:true},
			{field: 'fromDw', hidden:true}]]

只要将hidden设置为true就可以隐藏了

Easyui动态显示列的应用实例
ytangdigl的博客
06-17 5513
1、前言 项目中一个考勤信息功能，考勤信息的数据表结构如下：CREATE TABLE `t_attendance` ( `id` varchar(50) NOT NULL, `beautician_id` varchar(50) NOT NULL COMMENT '美容师id', `att_date` date DEFAULT NULL COMMENT '考勤日期',
easyui_datagrid根据具体值修改列名title及列属性field
u011814926的专栏
10-18 2万+
前几天修改一个需求，刚好用到。顺便记录下来。 需求大概是这样（以下是举例子跟需求相近，并不是真的）：假设A=1，该列列名为“学生”，对应数据库字段为“student”；若A=2，该列列名为“老师”，对应数据库字段为“teacher”。 要实现这种最简单的方法就是，直接定义两个datagrid的columns，根据A值来替换，但是总觉得太粗暴了，到时候会被审查代码的人嫌弃，哈哈。于是便开始找资料
easyUI根据参数动态的生成列数
weixin_33915554的博客
05-04 164
2019独角兽企业重金招聘Python工程师标准>>> ...
EasyUI中datagrid控件的使用总结
weixin_33782386的博客
11-08 201
2019独角兽企业重金招聘Python工程师标准>>> ...
使DataGrid中的某些列隐藏起来
虫子的一天
11-15 1059
先定义样式表.noneDisplay { display:none;}绑定数据源的同时 在代码中使某些列使用样式表datagrid1.DataSource=datatable1;datagrid1.Columns[1].ItemStyle.CssClass="noneDisplay";datagrid1.Columns[2].ItemStyle.CssClass="noneDisplay";dat
easyui datagrid 列隐藏和显示
热门推荐
代码笔记
10-23 4万+
easyui datagrid 列隐藏和显示
easyui Datagrid 数据列表比较上一个上传的增加了超链接并传值、条件清空、日期控件清空和数据修改功能
07-17
可以使用JavaScript触发异步请求，将当前Datagrid的数据显示范围发送到服务器，然后服务器端生成Excel文件并返回给客户端。 5. **搜索**： Datagrid内置了搜索功能，可以通过配置`fitlers`属性为每列添加过滤条件...
dataGrid 多维表头、表头跨行跨列设计及绑定数据
10-27
在DataGrid控件中，可以处理ItemDataBound事件，这个事件在DataGrid的每一项（包括表头）被绑定数据时触发。在事件处理方法中，我们可以判断当前绑定的项类型是否为表头（ListItemType.Header），若是，则可以通过...
easyui-combobox、combotree后台数据数据组装与前台绑定实例
09-18
总结来说，"easyui-combobox、combotree后台数据数据组装与前台绑定实例" 主要涉及两个部分：后端 C# 数据组装成 JSON 格式，以及前端使用 EasyUI 的 Combobox 和 Combotree 组件进行数据绑定。通过这样的方式，我们...
EasyUi实现的数据列表
07-03
在IT行业中，前端数据展示是不可或缺的一环，尤其在企业级应用中，高效的数据管理和交互至关重要。EasyUI是一个基于jQuery的轻量级UI框架，它提供了丰富的组件，帮助开发者快速构建用户界面。在这个场景中，我们将...
获取easyui datagrid中某列的值
捣蛋的博客
08-02 1万+
需求获取某列的值： function  getCellValue(){ 。、。、 va rows=$("#dg").datagrid('getRows'); for(var i=0;i<rows.length;i++){ var id=rows[i]['id'];//获取指定列 }. }   这个方法在实际使用时可能是无法获取表格总列表的值的，并不是方法有问题，而是因为dat...
datagrid中动态显示或隐藏某一列的方法（根据条件判断显示和隐藏）
我的博客
09-24 1764
在datagrid中，我们常常...
EasyUI Datagrid 列属性函数中如何获取当前列信息
何春晖ERP程序员
08-02 4951
EasyUI Datagrid 列属性函数中如何获取当前列信息 $('#dg').datagrid({      columns: [[{          field: 'userId',          title: 'User',          width: 80,          formatter: function(value, row, index) {
easyui datagrid 得到所有列属性
上善若水
11-27 1920
[code="javascript"] var sss=$('#tt').datagrid('options').columns; for(var i=0; i
easyui 根据后端传来的数据动态生成列
微雨燕双飞
08-09 515
var cols = []; cols.push({ field: 'ItemName', title: '项目名称', width: 200, sortable: true }); cols.push({ field: 'Type1', title: '活跃客户', width: 120, sortable: true }); co...
扩展当easyui datagrid无数据时，显示特定值。如：没有数据 ----转载
ading0210的博客
10-24 267
var myview = $.extend({},$.fn.datagrid.defaults.view,{ onAfterRender:function(target){ $.fn.datagrid.defaults.view.onAfterRender.call(this,target); var opts = $(target).d...
EasyUI Datagrid 导出到Excel （不含frozenColumns列）
weixin_30700099的博客
10-21 247
1 var tableString = '<table border="1" bordercolor="#D7D7D7">'; 2 var columns = printDatagrid.datagrid("options").columns; // 得到columns对象 3 var nameList = new Array();//定义一个...
easyui下的datagrid后台数据加载和分页
m0_37560267的博客
04-27 6760
Datagrid的创建需要做以下几件事情，   第一步，我们需要引入以下几个个包，少一个都不可以，否则你会发现你无论做的再怎么对结果都会出错，       第二步，引入了这些包之后，我们需要创建一个javabeans，就像是建表一样，照着填上去就可以了， public class Library{ 这些写你要的属性，然后点击右键获得get和set方法 private  类型  属
SSH框架网上商城项目：DataGrid数据显示实战
在EasyUI中，DataGrid以表格形式展示数据，简化了开发过程，同时提供了多种高级特性，如单元格合并、多列标题、冻结列和页脚等。项目开发分为多个步骤，包括回顾之前章节的内容，创建DataGrid控件，以及处理数据的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值