新版的beX5 怎么实现5.2.7中将grid用于显示按钮或超链接...

renhaowen

新版的beX5 怎么实现5.2.7中将grid用于显示图片/按钮/超链接的样式呢？

如下图：

样列

file:///C:\Users\浩文\AppData\Roaming\Tencent\Users\563616526\QQ\WinTemp\RichOle\P)(6(@EBV4A(LC63Y}R)U5K.png

jishuang

你好楼主，这个问题需要我做一个例子给你，所以会花费较长时间，请你耐心等待，我完成后会第一时间将例子发上来的，谢谢！

renhaowen

jishuang 发表于 2015-3-16 14:08
你好楼主，这个问题需要我做一个例子给你，所以会花费较长时间，请你耐心等待，我完成后会第一时间将例子发 ...

谢谢 大咖，为了X5您们辛苦啦

jishuang

1.在grid的onCellRender中写html

1. Model.prototype.mainGridCellRender = function(event) {
   
2.                 var url = require.toUrl("$UI/appdemo/test/process/gridTest/1.jpg");
   
3.                
   
4.                 //显示图片
   
5.                 if (event.colName == "CARGO_NAME") {
   
6.                         event.html = "<img src= '" + url + "'>";
   
7.                 }
   
8. 
   
9.        //显示按钮
   
10.                 if (event.colName == "relation0") {
    
11. 
    
12.                         event.html = "<button class='btndelete'>删除</button>" + "<button class='btnnew'>新建</button>";
    
13.                 }
    
14.                 //显示链接
    
15.                 if(event.colName == "VOYAGE_NUMBER"){
    
16.                   event.html = "<a href='http://www.baidu.com'>百度</a>"
    
17.                 }
    
18.         };

复制代码

2.如果放的时候按钮需要click事件可以在button中定义一个class
  在grid的onRowClick中判断点击的dom中是否包含这个class，然后执行代码

1.         Model.prototype.mainGridRowClick = function(event) {
   
2.         var domButton = $(event.domEvent.target);
   
3.                 var data = this.comp("mainData");
   
4.                 if (domButton.hasClass("btndelete")) {
   
5.                        
   
6.                         data.deleteData(event.row);
   
7.                 }
   
8.         if(domButton.hasClass("btnnew")){
   
9.             data.newData();
   
10.         }
    
11.         };

复制代码

renhaowen

jishuang 发表于 2015-3-16 15:02
1.在grid的onCellRender中写html
  

方框中的是数据列字段名？

问： if (event.colName == "relation0") 中的relation0表示什么？

renhaowen

结贴，已处理，谢谢 jishuang 的指点

wolfeng

这个有用

hwz91

jishuang 发表于 2015-3-16 15:02
1.在grid的onCellRender中写html
  

为啥在dataTables中每一条数据会render2次？？