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

<t:dgCol点击事件的一点修改

阅读更多

今天一位朋友问到这个问题 <ignore_js_op style="word-wrap: break-word; color: rgb(68, 68, 68); font-family: Tahoma, Helvetica, SimSun, sans-serif; font-size: 13.63636302947998px; line-height: 19.09090805053711px;">QQ截图20130814224823.png 
他想在门店名称后面添加一列门店商品,用来点击跳转,之前一想想如何把<t:dgFunOpt/>这个标签往前提位置
可是看了代码,实现的可能性不大,后来看到<t:dgCol />提供了自定义函数的参数,真想说句X,这不是浪费我时间
,结果想了funname="test"不执行,坑爹啊.看了下源码DataGridTag 的979行,我的有改动,应该在附近

  1. // 自定义链接
  2.                         if (column.getUrl() != null) {
  3.                                 sb.append(",formatter:function(value,rec,index){");
  4.                                 this.getFun(sb, column);
  5.                                 sb.append("}");
复制代码

必须插入url可是看下中这个getFun的方法

  1. /**
  2.          * 列自定义函数有url参数
  3.          * 
  4.          * @param sb
  5.          * @param column
  6.          */
  7.         protected void getFun(StringBuffer sb, DateGridColumn column) {
  8.                 String url = column.getUrl();
  9.                 url = formatUrl(url);
  10.                 sb.append("var href=\"<a style=\'color:red\' href=\'#\' onclick=" + column.getFunname() + "('" + column.getTitle() + "','" + url + "')>\";");
  11.                 sb.append("return href+value+\'</a>\';");
  12.         }
复制代码

我去,只能提供url这个参数,这个我想要的<t:dgFunOpt/>这种功能不一样啊,怎么办,自己搞呗
同样我们也是用funname这个方法,我们不穿url这样就可以和原来的方法区分了(不过现在有个bug___
所有的这种操作都是走的easyui的formatter:function方法  如果ni还用了replace这中函数,那么我这个函数就失效了
后面再改这个问题)这样,我们只要添加

  1. // 自定义链接
  2.                         if (column.getUrl() != null) {
  3.                                 sb.append(",formatter:function(value,rec,index){");
  4.                                 this.getFun(sb, column);
  5.                                 sb.append("}");
  6.                         }else if (!column.getFunname().equals("openwindow")) {
  7.                                 sb.append(",formatter:function(value,rec,index){");
  8.                                 this.getFunNoUrl(sb, column);
  9.                                 sb.append("}");
  10.                         }
复制代码

这个else就是没有url,我们来写自己的funtion,这里我添加了funNoUrl方法

  1. /**
  2.          * 列自定义函数
  3.          * 
  4.          * @param sb
  5.          * @param column
  6.          */
  7.         protected void getFunNoUrl(StringBuffer sb, DateGridColumn column) {
  8.                 String name = TagUtil.getFunction(column.getFunname());
  9.                 sb.append("var href=\"<a  href=\'#\' onclick=" +name+"("+ 
  10.                 TagUtil.getFunParams(column.getFunname()) +")>\";");
  11.                 sb.append("return href+value+\'</a>\';");
  12.                 
  13.         }
复制代码

这里和<t:dgFunOpt/>一样调用了tagutil的两个方法,就可以获得同样的效果了,
另外说一下,自己改写了TagUtil.getFunParams()这个方法

  1. /**
  2.          * 获取自定义函数的参数
  3.          * 
  4.          * @param functionname
  5.          * @return
  6.          */
  7.         public static String getFunParams(String functionname) {
  8.                 int index = functionname.indexOf("(");
  9.                 String param="";
  10.                 if (index != -1) {
  11.                         String testparam = functionname.substring(functionname.indexOf("(")+1,
  12.                                         functionname.length() - 1);
  13.                         if(StringUtil.isNotEmpty(testparam))
  14.                         {
  15.                                 String[] params=testparam.split(",");
  16.                                 for (String string : params) {
  17.                                         param+=(string.indexOf("{")!=-1)?
  18.                                                         ("'\"+"+ string.substring(1,string.length()-1) + "+\"',")
  19.                                                         :("'\"+rec."+ string + "+\"',");
  20.                                 }
  21.                         }
  22.                 } 
  23.                 param+="'\"+index+\"'";//传出行索引号参数
  24.                 return param;
  25.         }
复制代码

这样如果你这样写funname="test(id,name,{jueyue})"
function test(id,name,type)这里type就可以拿到jueyue这个参数了这个是之前两个<t:dgFunOpt/>公用一个
函数自己改写的,好了就写到这里了,
内酷童鞋只要给那个门店名称加上自定义函数就可以了

2
0
分享到:
评论
1 楼 Knight丶飞 2017-03-23  
想请问下,用了你这个方法后与replace这个函数冲突怎么解决,谢谢

相关推荐

    基于matlab实现的一种新型的配电网潮流计算,基于前推回代法

    基于matlab实现的一种新型的配电网潮流计算,基于前推回代法,并附有10kv配电网数据,利用新的判别手段,成功解决配电网不收敛的问题.rar

    node-v5.3.0.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提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    ASP+ACCESS网上园林设计(源代码+设计说明书).zip

    ASP+ACCESS网上园林设计(源代码+设计说明书).zip

    2023-04-06-项目笔记 - 第一百二十二阶段 - 4.4.2.120全局变量的作用域-120 -2024.05.03

    2023-04-06-项目笔记-第一百二十二阶段-课前小分享_小分享1.坚持提交gitee 小分享2.作业中提交代码 小分享3.写代码注意代码风格 4.3.1变量的使用 4.4变量的作用域与生命周期 4.4.1局部变量的作用域 4.4.2全局变量的作用域 4.4.2.1全局变量的作用域_1 4.4.2.120全局变量的作用域_120 - 2024-05-03

    node-v10.22.0-linux-ppc64le.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提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    基于matlab实现的电动汽车动力性经济性UI,希望对初学者有用 .rar

    基于matlab实现的电动汽车动力性经济性UI,希望对初学者有用。.rar

    node-v6.9.0-x64.msi

    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提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    基于stm32f103C8T6智能台灯设计与制作

    本次设计是系统介绍了智能台灯的应用背景、设计原理、软硬件电路等。以STM32作为主控,应用定时模块、人体感应模块、光敏模块,使得智能台灯具备调光,监督使用者的坐姿,节能,时间提醒等功能。有五级自动、手动灯光。ds1302实时时钟模块、HCSR04超声波模块、dht11温湿度模块、HCSR501人体感应模块、光敏电阻模块和无源蜂鸣器模块。

    dam-词频统计demo笔记

    词频统计

    ASP基于BS结构的房屋租售管理系统的实现(源代码+设计说明书).zip

    ASP基于BS结构的房屋租售管理系统的实现(源代码+设计说明书).zip

    c&c++课程设计-图书管理系统.zip

    c&c++课程设计-图书管理系统.zip

    node-v10.8.0-sunos-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提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    ASP基于WEB教学评估系统设计(源代码+设计说明书).zip

    ASP基于WEB教学评估系统设计(源代码+设计说明书).zip

    node-v12.16.1-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提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    基于matlab实现的配电网自动化的一些程序.rar

    基于matlab实现的配电网自动化的一些程序.rar

    基于知识图谱的推荐算法-MKR的实现pyhton源码+运行说明.zip

    基于知识图谱的推荐算法-MKR的实现 运行环境 python == 3.7.0 torch == 1.12.0 pandas == 1.1.5 numpy == 1.21.6 sklearn == 0.0 数据集介绍 music-音乐 book-书籍 ml-电影 yelp-商户 文件介绍 ratings.txt:记录用户点击的项目,1代表点击了,0代表没有点击 kg.txt:知识图谱文件,第一列是头实体,第二列是尾实体,第三列是关系 user-list.txt:用户及其id文件,第一列是用户的id,第二列是用户 其余文件可忽略 About 基于知识图谱的推荐算法-MKR的实现 Resources Readme Activity Stars 7 stars Watchers 1 watching Forks 1 fork Report repository Releases No releases published Packages No packages published Languages Python 100.0% Footer

    推荐上市公司儒家文化指标计算Stata代码(截止2022年数据)

    儒家文化指标 计算说明 使用公司注册地200公里和300公里半径范围内的孔庙数 量作为儒家文化强度的代理变量。 具体做法为:通过搜集确定全国各省市的孔庙数量及位 置信息,然后在百度地图上分别确定孔庙和上市公司的经纬度,以各上市公司为圆心分别以 200公里、300公里为半径确定上市公司周围的孔庙数量,作为儒家文化( CONF _ 200,CONF_300 )的代理变量,除以1000进行标准化处理。 稳健性 使用用公司注册地200公里、300公里以内的明清进士数量分别替换孔庙数量,并取对 数进行标准化,得到变量MQJS200和MQJS300。 参考文献 [1]张璇,a nd 可善雪."隐形的力量:儒家文化与企业劳动投资效率." 会计之友 .15(2 023):11-18. [2]古志辉. "全球化情境中的儒家伦理与代理成本." 管理世界 3(2015):11. 数据说明 全部A股上市公司数据 截止至2022 年12月上市的 结果说明 数据截图 描述性统计 相关系数 附件下载 代码[经管之 家momingqimiao7].do 经管之家:momingiqmiao7 欢迎 关注,分享更多实

    BAF计算(全).xls

    污水处理计算书

    node-v8.17.0-sunos-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提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    基于matlab实现的气体静压止推轴承气膜厚度随时间的变化分析.rar

    基于matlab实现的气体静压止推轴承气膜厚度随时间的变化分析.rar

Global site tag (gtag.js) - Google Analytics