`
jueyue
  • 浏览: 193831 次
社区版块
存档分类
最新评论

jeecg 的t:dgCol添加背景色支持

阅读更多

这个功能下个版本就会支持,我这里先爆下,因为有童鞋问到,easyui 有提供style设置的.这个是我们的基本前提
后面就是我们的修改:
首先我们先在这个类DataGridColumnTag 里面添加一个属性

  1. protected String style; //Td的CSS
复制代码

然后这个他的set方法,get就不用了,之后

  1. public int doEndTag() throws JspTagException {
  2.                 Tag t = findAncestorWithClass(this, DataGridTag.class);
  3.                 DataGridTag parent = (DataGridTag) t;
  4.                 parent.setColumn(title,field,width,rowspan,colspan,align,sortable,checkbox,formatter,hidden,replace,treefield,image,query,url,funname,arg,queryMode, dictionary,frozenColumn,extend,style);
  5.                 return EVAL_PAGE;
  6.         }
复制代码

这里面加入我们添加的style,下一步,我们去DataGridTag这个tag大类里面去添加

  1. protected List<ColumnValue> columnStyleList = new ArrayList<ColumnValue>();// css替换集合
复制代码

这个这样我们把我们先放入的值存放到columnStyleList里面,再回到上面提到的public void setColumn()
这个方法,添加

  1. dateGridColumn.setStyle(style);//这个是必须的,不然怎么设置啊,对不
复制代码
  1. if(StringUtil.isNotEmpty(style)){
  2.                         String[] test = style.split(",");
  3.                         String text = "";
  4.                         String value = "";
  5.                         for (String string : test) {
  6.                                 text += string.substring(0, string.indexOf("_")) + ",";
  7.                                 value += string.substring(string.indexOf("_") + 1) + ",";
  8.                         }
  9. <b>                        setStyleColumn(field, text, value);</b>
  10.                 }
复制代码

再新增这个方法

  1. /**
  2.          * 设置CSS换值
  3.          * @param field
  4.          * @param text
  5.          * @param value
  6.          */
  7.         private void setStyleColumn(String field, String text, String value) {
  8.                 ColumnValue columnValue = new ColumnValue();
  9.                 columnValue.setName(field);
  10.                 columnValue.setText(text);
  11.                 columnValue.setValue(value);
  12.                 columnStyleList.add(columnValue);
  13.         }
复制代码

这样我们就把前台穿过来的css值存放起来了,下面只需要在最后的向前台输入里面添加就可以了
还有记得要添加清除哈

  1. public int doStartTag() throws JspTagException {
  2.                 // 清空资源
  3.                 urlList.clear();
  4.                 toolBarList.clear();
  5.                 columnValueList.clear();
  6.                 columnStyleList.clear();
  7.                 columnList.clear();
  8.                 fields = "";
  9.                 searchFields = "";
  10.                 return EVAL_PAGE;
  11.         }
复制代码

继续我们的,接下来我们找这个方法

  1. /**
  2.          * 拼接字段
  3.          * 
  4.          * @param sb
  5.          * @frozen 0 冰冻列    1 普通列
  6.          */
  7.         protected void getField(StringBuffer sb,int frozen) {
复制代码

这个方法就是拼装字段的,也就是现实字段的属性
我们在这个方法里面添加我们的style字段---在值替换的下面

  1. if (columnStyleList.size() > 0 && !column.getField().equals("opt")) {
  2.                                 String testString = "";
  3.                                 for (ColumnValue columnValue : columnStyleList) {
  4.                                         if (columnValue.getName().equals(column.getField())) {
  5.                                                 String[] value = columnValue.getValue().split(",");
  6.                                                 String[] text = columnValue.getText().split(",");
  7.                                                 sb.append(",<b>styler:function</b>(value,rec,index){");
  8.                                                 for (int j = 0; j < value.length; j++) {
  9.                                                         testString += "if(value=='" + value[j] + "'){return \'" + text[j] + "\'}";
  10.                                                 }
  11.                                                 sb.append(testString);
  12.                                                 sb.append("else{return value}");
  13.                                                 sb.append("}");
  14.                                         }
  15.                                 }
  16.                                 
  17.                         }
复制代码

注意上面的加粗字体,这个就是easyui的方法,进行是style设置
好了到此就大功告成了后台只有在easyui.tld里面的DataGridColumnTag添加我们新增的属性

  1. <attribute>
  2.    <name>style</name>
  3.    <required>false</required>
  4.    <rtexprvalue>true</rtexprvalue>
  5.    <description>td CSS 属性</description>
  6.   </attribute>
复制代码

c再重启下tomcat就可以使用了

  1. <t:dgCol title="jueyue" field="jueyue" replace="是_Y,否_N" style="background:red;_N" ></t:dgCol>
复制代码

下面展示下效果吧 <ignore_js_op style="word-wrap: break-word; color: rgb(68, 68, 68); font-family: Tahoma, Helvetica, SimSun, sans-serif;">QQ图片20130720175033.jpg 就变成红色了
到此结束,第一次写这么多....

0
0
分享到:
评论

相关推荐

    华为OD机试D卷 - 用连续自然数之和来表达整数 - 免费看解析和代码.html

    私信博主免费获取真题解析以及代码

    Screenshot_2024-05-10-20-21-01-857_com.chaoxing.mobile.jpg

    Screenshot_2024-05-10-20-21-01-857_com.chaoxing.mobile.jpg

    数字图像处理|Matlab-频域增强实验-彩色图像的频域滤波.zip

    数字图像处理|Matlab-频域增强实验-彩色图像的频域滤波.zip

    2024-2030中国定向转向膜市场现状研究分析与发展前景预测报告.docx

    2024-2030中国定向转向膜市场现状研究分析与发展前景预测报告

    开源工时填报管理系统安装包

    开源工时填报管理系统安装包

    激光雷达深度报告:产业化加速,国产供应链迎来投资机遇.pdf

    电子元件 电子行业 行业分析 数据分析 数据报告 行业报告

    node-v0.12.10-darwin-x86.tar.gz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    18-17.网站域名DNS被劫持,网站服务器密码被改.mp4

    18-17.网站域名DNS被劫持,网站服务器密码被改.mp4

    QYResearch:2023年前五大2,3,3',4'-联苯四甲酸二酐(α-BPDA)企业占据全球91%的市场份额.docx

    QYResearch:2023年前五大2,3,3',4'-联苯四甲酸二酐(α-BPDA)企业占据全球91%的市场份额.docx

    2024-2030中国仿生智能餐饮机器人市场现状研究分析与发展前景预测报告.docx

    2024-2030中国仿生智能餐饮机器人市场现状研究分析与发展前景预测报告

    82-82.渗透测试-CVE-2017-8464“震网三代 反弹shell演示课件.mp4

    82-82.渗透测试-CVE-2017-8464“震网三代 反弹shell演示课件.mp4

    node-v6.11.5-darwin-x64.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    33-33.渗透测试渗透测试之SQL注入基于报错注入(下)

    渗透测试渗透测试之SQL注入基于报错注入(下)

    基于Android的云游四海手机端应用.zip

    Android是一种基于Linux内核(不包含GNU组件)的自由及开放源代码的移动操作系统,主要应用于移动设备,如智能手机和平板电脑。该系统最初由安迪·鲁宾开发,后被Google公司收购并注资,随后与多家硬件制造商、软件开发商及电信营运商共同研发改良。 Android操作系统的特点包括: 开放源代码:Android系统采用开放源代码模式,允许开发者自由访问、修改和定制操作系统,这促进了技术的创新和发展,使得Android系统具有高度的灵活性和可定制性。 多任务处理:Android允许用户同时运行多个应用程序,并且可以轻松地在不同应用程序之间切换,提高了效率和便利性。 丰富的应用生态系统:Android系统拥有庞大的应用程序生态系统,用户可以从Google Play商店或其他第三方应用市场下载和安装各种各样的应用程序,满足各种需求。 可定制性:Android操作系统可以根据用户的个人喜好进行定制,用户可以更改主题、小部件和图标等,以使其界面更符合个人风格和偏好。 多种设备支持:Android操作系统可以运行在多种不同类型的设备上,包括手机、平板电脑、智能电视、汽车导航系统等。 此外,Android系统还有一些常见的问题,如应用崩溃、电池耗电过快、Wi-Fi连接问题、存储空间不足、更新问题等。针对这些问题,用户可以尝试一些基本的解决方法,如清除应用缓存和数据、降低屏幕亮度、关闭没有使用的连接和传感器、限制后台运行的应用、删除不需要的文件和应用等。 随着Android系统的不断发展,其功能和性能也在不断提升。例如,最新的Android版本引入了更多的安全性和隐私保护功能,以及更流畅的用户界面和更强大的性能。此外,Android系统也在不断探索新的应用场景,如智能家居、虚拟现实、人工智能等领域。 总之,Android系统是一种功能强大、灵活可定制、拥有丰富应用生态系统的移动操作系统,在全球范围内拥有广泛的用户基础。

    node-v4.8.0-sunos-x86.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    46-46.渗透测试-Kali Linux安全渗透.mp4

    46-46.渗透测试-Kali Linux安全渗透.mp4

    电子周跟踪:华为P70系列开售,台积电指引AI需求依旧强劲.pdf

    电子元件 电子行业 行业分析 数据分析 数据报告 行业报告

    node-v6.13.0-linux-armv7l.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    【名企实践】华为如何打造高绩效团队glq.pptx

    【名企实践】华为如何打造高绩效团队glq.pptx

    node-v4.9.1-linux-x64.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

Global site tag (gtag.js) - Google Analytics