easyUI自定义datagrid的列显示

DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题 立即下载

1、 获取显示datagrid的所有列

function configGrid(grid,startIndex)
{
      
       var columns=grid.datagrid('options' ).columns[0];
       //return;
       var jsonStr="[" ;
      $.each(columns, function(i,col){
            
             if(startIndex)
            {
                   if(i>=startIndex)
                  {
                        jsonStr+= '{"field":"'+col.field+'","title":"' +col.title+'","hidden":'+(col.hidden== true)+'},' ;
                  }
            }
             else
            {
                  jsonStr+= '{"field":"'+col.field+'","title":"' +col.title+'","hidden":'+(col.hidden== true)+'},' ;
            }
      });
       //grid.datagrid('hideColumn',[4].field);
       if(jsonStr.length>1)
      {
            jsonStr=jsonStr.substring(0, jsonStr.length -1);
      }
      jsonStr+= "]";
      $( "#MyPopWindow").window({
            title: '设置',
            href: "../common/gridConfig.jsp?columnStr=" +jsonStr,
            width:400,
            height:200,
            onLoad: function(){
                  
            },
            onClose: function()
            {
                   var cks=getConfiged();
                   var ckobj=null;
                  $.each(cks, function(i,ck){
                        ckobj=$(ck);
                         if(ckobj.attr("checked" )=="checked")
                        {
                              grid.datagrid( "showColumn",ckobj.val());
                        }
                         else
                        {
                              grid.datagrid( "hideColumn",ckobj.val());
                        }
                  });
            }
      });
}

2、配置datagrid列的jsp——gridConfig.jsp?

<html>
<head>
<%@ include file="/jsp/common/common.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> easyUI DataGrid Config </title>
<script type="text/javascript" >
$(function($){
      initConfig();
});
function initConfig()
{
       //alert('${param.columnStr}');
       var columns=eval('${param.columnStr}' );
       var nodeText="<table></table>" ;
       var table=$(nodeText);
       var tr=null ;
       var td=null ;
      $.each(columns, function(i,col){
             if(i%4==0)
            {
                   if(i>0)
                  {
                        table.append(tr);
                  }
                  tr=$( "<tr></tr>");
            }
            nodeText= "<td width='100px'><input type='checkbox' value='"+col.field+"' "+(col.hidden== false?"checked" :"" )+">" ;
            nodeText+=col.title+ "</input>";
            td=$(nodeText);
            tr.append(td);
      });
       if(columns.length%4!=0)
      {
            table.append(tr);
      }
      $( '#config').append(table);
}

function getConfiged()
{
       var checks=$('#config' ).children('table').first().find( 'input');
       return checks;
}


</script>
</head>
<body>
       <div style="width :100%;height: 100%;" >
             <div id= "config"></div >
             <div style='margin-left : 150px;margin-bottom: 5px;vertical-align : bottom;position: absolute;bottom : 5px;'>
                   <a href="javascript:void(0);" id="btn-ok" onclick="$('#MyPopWindow').window('close');" class ="easyui-linkbutton" iconCls="icon-ok" >确定</ a>
             </div>
       </div>
</body>
</html>


easyui datagrid 动态隐藏显示列 jquery easyui 扩展 datagrid 自定义动态隐藏显示列 立即下载

相关推荐

海量数据 / Vastbase 深度研究笔记 v3.1

v3.1 重点修订:在 v3.0 审慎版基础上,新增“2026 新变量”章节,纳入 7 亿级定增、HTAP / 多模态时序数据库、G100 V3.0 Build 8 的 3CM+2DN 高可用补强、pgvector / V100 / AI 多模叙事,以及集成服务基因与标准软件 ARR 的拉扯。核心关注点是:Vastbase 能否把 openGauss 生态红利、数据库产品矩阵和行业交付能力,转化为可持续、可复购、低边际成本的标准软件收入。海量不是没有业务基本盘,也不是马上失血致死;客户越多,服务债越大。

喝醉酒的小白 574

easyui-datagrid自定义操作列

在实际的项目中,有时会有操作列这个需求,主要是修改和删除的功能。 类似于: 实现该效果的方法并不复杂。需要使用到datagrid数据表格中的formatter方法。自定义列。 下面写个小例子。html <table id="dg" class="easyui-datagrid" url="你的url" striped="true" rownumbers="false" pagination=

前端小白 3294

数字图像处理第九章笔记

目录一、腐蚀与膨胀1、腐蚀2、膨胀3、对偶性4、开操作与闭操作二、一些基本的形态学算法1、边界提取2、孔洞填充3、连通分量提取4、凸壳5、细化6、粗化7、骨架8、形态学重建三、灰度级形态学1、腐蚀和膨胀2、开运算和闭运算3、灰度级形态学算法 一、腐蚀与膨胀 1、腐蚀 腐蚀可以去除图像的某些部分。 2、膨胀 膨胀可以连接裂缝。 3、对偶性 膨胀和腐蚀彼此关于集合求补运算和反射运算是对偶的 4、开操作与闭操作 开操作:B对A先腐蚀,再进行膨胀 可以平滑物体轮廓,断开较窄的狭颈并消除较细的突出物。 闭操作

方悔读书迟 1375

EasyUi datagrid editor 自定义编辑器 mutilbox 一列多编辑器 一列包含 下拉框 文本输入框

easyUI datagird数据表格 一列实现下拉框 和 编辑框 复合编辑器 自定义编辑器

tttesbit的博客 3408

BUCK型DC/DC变换器的建模与仿真

BUCK型DC-DC变换器的建模与仿真摘要1 文献调研1.1 研究背景1.2 Buck电路的应用场合2 原理分析2.1 模型介绍2.2 模型分析2.3 频域和时域响应2.4 参数指标要求3 参数设计3.1 校正器选择3.2 校正器参数整定3.2.1 积分器3.2.2 一阶微分环节3.2.3 超前校正器3.3 改进4 结论与展望参考文献 摘要   目前工业自动化水平已成为衡量各行各业现代化水平的一个重要标志。如何对一个系统进行建模分析、补偿校正变得越来越重要。   本文选择BUCK型DC/DC变换器作为载体,

屠龙归来仍是少年 2万+

使用Eggjs做服务端获取微信小程序云开发数据库的access_token

最近自己想写了一个微信小程序,恰巧里面有个云开发,恰巧里面有个数据库,那懒人的我,就直接用云开发里面的数据库了,做测试或者正式也好,对于刚开始来说,免费的配额是够用的。 后来想到在小程序云开发上面的数据怎么看才方便?刚好微信小程序有一个服务端API,那就方便很多了,那就直接敲个服务端来获取云开发上数据库的数据出来到自己的后台上面,那以后管理起来也方便很多。 看了一下服务端api之后,发现有三个重要...

kalenE992的博客 1705

easyUI——DataGrid自定义操作列

项目中遇到一个问题:在easyUI的datagrid中增加一列为操作列。官网的demo中没有给出具体的解决问题的方法。解决的思路就是利用单元格的属性formatter中添加内容。

YQAG 7244

SpringCloud 2025王炸更新!GraalVM原生镜像启动速度提升90%实战

在当今云原生和Serverless架构盛行的时代,应用的启动速度已成为衡量技术栈竞争力的关键指标。传统SpringCloud应用由于依赖JVM的动态类加载、反射等机制,启动时间通常超过30秒,在Kubernetes滚动更新和函数计算场景下成为显著性能瓶颈。2025年,SpringCloud迎来里程碑式更新,通过深度集成GraalVM原生镜像技术,实现了启动速度提升90%的惊人突破,让SpringCloud应用正式进入"秒级启动"时代。

小筱在线博客 1100

EasyUI Datagrid 自定义列、Foolter及单元格编辑

1自定义列,包括 Group var head1Array = [];  head1Array.push({ field: 'Id', title: 'xxxx', rowspan: 2 });  head1Array.push({ title: 'yyyy', colspan: 4 });  var head2Array = [];  //.each(units,functio

逸轩 1457

手把手教你 RT-DETR 添加注意力机制 | 一次性添加 20+ 种!

手把手教你 RT-DETR 添加注意力机制 | 一次性添加 20+ 种!

Coding... 2853

SAP-ABAP:SAP信贷管理核心:CL_UKM_BUPA_FACTORY类完整解析与实践指南

SAP信贷管理核心类CL_UKM_BUPA_FACTORY解析 CL_UKM_BUPA_FACTORY是SAP信贷管理(UKM)模块的核心类,作为业务伙伴信贷数据的中央控制台,它提供: 统一入口:标准化实例化客户/供应商信贷对象 主要功能: 获取单条/批量业务伙伴数据 安全保存数据变更 封装底层数据访问逻辑 典型应用场景: 信贷主数据批量维护 自动化限额调整 订单信贷实时检查 性能优化建议: 使用批量方法替代循环单条处理 合理设置字段选择 实施缓存策略 该类通过简洁API简化复杂信贷操作,是SAP信贷管理开

baidu_35680696的博客 1209

easyui 获取隐藏列_jquery easyui datagrid 自定义显示隐藏列

在项目中使用数据表格jquery easyui datagrid ,在列很多时,没有足够宽度来显示数据表格,可以自定义要求显示隐藏那些表头的列,以下是代码,需要的可以参考。/*** @author 孙宇** @requires jQuery,EasyUI** 为datagrid、treegrid增加表头菜单,用于显示或隐藏列,注意:冻结列不在此菜单中*/var createGridHeaderCo...

weixin_39612058的博客 667

jquery-easyui中datagrid扩展,隐藏显示表头功能

今天,后台中需要新增一个功能,用户可以自由选择显示的列,之后保存到本地localStroage中。所以扩展了easyui中datagrid的onHeaderContextMenu方法。 使用方法: _this.$table.datagrid(_.extend({ fit: true, border:

love android 4812

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

easyUI中的datagrid的formatter方法中 使用$.ajax()方法绑定多个不同数据源的数据

1.datagrid 数据源 绑定url: 'data/GetJson.aspx', 2.userRole_id列,显示userRole;userRole的数据源绑定不来自url: 'data/GetJson.aspx',而是来自htmlobj=$.ajax({type:'post',url:'data/GetUserRole.aspx/',data:{userRole_id:value},as

xbfengyu的专栏 8126

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

easyui datagrid使用按钮

$('#datagrid').datagrid({ border:false, fitColumns:true, singleSelect: true, url:url, columns:[[ {field:'projectname',t...

qq_39354297的博客 387

easyui-datagrid 自定义可拖动列

easyui-datagrid 自定义可拖动列,内含公司业务逻辑 $.extend($.fn.datagrid.methods,{ columnMoving: function(jq){ return jq.each(function(){ var target = this; var cells = $(this).datagrid('getPanel').find('div.datagrid-head

qq_44606233的博客 1171

easyui的DataGrid的formatter的用法

('#dg').datagrid({ columns:[[ {field:'userId',title:'User', width:80, formatter: function(value,row,index) if (row.user){ return row.user.name; } else { return value;} } ]] }); value:字段的值。 rowData:行的记录数据。 rowIndex:行的索

qq_45330703的博客 428

jQuery EasyUI求助

最近在学习easyui的时候遇到了一个很奇怪的问题,在使用datagrid组件的时候,我想自定义一个列,用来显示一个查看详细页面的链接,但是当这个列不是最后一列的时候,链接一直显示不出来,求大神们指点一二,easyui版本是1.34。 代码如下: <script type="text/javascript"> function addDetail(va...

weixin_30776863的博客 101

jQuery EasyUI DataGrid - 格式化列(formatter )

jQuery EasyUI DataGrid - 格式化列(formatter )  2014-07-20      6302 以下实例格式化在 easyui DataGrid 里的列数据,并使用自定义列的 formatter,如果价格小于 20 就将文本变为红色。 为了格式化一个数据网格(DataGrid)列,我们需要设置 formatter 属性,它是一个函数。这个格式化

superzx123的博客 1258

easyui datagrid单独修改某列的值

                        此时心中毫无波澜,只觉得好饿 废话不多说,先看效果图: 代码: &lt;th field="departmentId" width="150px" sortable="true" editor="{type:'combogrid',options:{panelWidth:450, pagination: 'true', ...

天才战士的博客 1万+

easyui datagrid表格头部鼠标右键进行列隐藏和展示

1、实现datagrid自定义初始化onHeaderContextMenu方法 新增文件jquery.easyui.datagrid.column.js [code="java"] // 动态改变列头. var cmenu; function $onHeaderContextMenu(e){ e.preventDefault(); if (!cmenu){ ...

iteye_5810的博客 1040

EasyUI中,datagrid加载数据后只显示行号,不显示列标题的问题解决方法

这些天做毕业设计,用到EasyUI,不料出现了  datagrid加载数据后只显示行号,不显示列标题的问题,足足折磨了三天。 原因: 自定义的样式和EasyUI中预定义的样式发生冲突,使之显示不正常。

淅淅沥沥 5086

jquery EasyUI中datagrid的 格式化列(formatter )

以下实例格式化在 easyui DataGrid 里的列数据,并使用自定义列的 formatter,如果价格小于 20 就将文本变为红色。 为了格式化一个数据网格(DataGrid)列,我们需要设置 formatter 属性,它是一个函数。这个格式化函数包含三个参数: value:当前列对应字段值。row:当前的行记录数据。index:当前的行下标。 创建数据网格(DataG

qwe123asd4567890的博客 867

扩展jQuery easyui datagrid动态改变列的位置

在js中加入 //扩展jQuery easyui datagrid动态改变列的位置 $.extend($.fn.datagrid.methods,{ columnMoving: function(jq){ return jq.each(function(){ var target = this; var cells = $(t...

weixin_40408702的博客 661
上一篇: easyUI跨tab刷新datagrid
下一篇: java结构化参数调用存储过程
carroll0911
博客等级 码龄17年 27粉丝 41原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值