登录/注册

首页 › WijmoJS专区 › 求助中心 › 查看内容

49 主题	149 帖子	452 积分

积分: 452

4368
金币
49
主题
149
帖子

最新发帖

[已处理] 单元格内链接点击

wss.
初级会员 / 发表于：2020-6-16 18:39 / 查看：3175 / 回复：3

1金币

可能需要有这种格式的，点击打开弹框，但是现在我通过selectChange实现点击出现弹框，但是处于该单元格内再次点击就无效了（这个附件是通过formatItem进行渲染上的），点开弹框操作某些事件会增加改单元格的附件数量,这点还没实现，但是如果使用formatItem的话该如何实现

附件: 您需要登录才可以下载或查看，没有帐号？立即注册

最佳答案

查看完整内容

当然可以，cellTemplate是column的一个属性，你可以在任何时间任意地方给这个属性赋值，生成你想要的效果，示例代码如下：完整代码如下：测试地址： https://www.grapecity.com/wijmo/demos/Grid/CustomCells/CellMaker/Hyperlinks/purejs

收藏

回复

3 个回复

倒序浏览

最佳答案

最佳答案

KevinChen
论坛元老 / 发表于：2020-6-16 18:39:25 来自 4^#

当然可以，cellTemplate是column的一个属性，你可以在任何时间任意地方给这个属性赋值，生成你想要的效果，示例代码如下：

// 直接设置
var col = theGrid.columns[3];
col.cellTemplate = CellMaker.makeLink({
text: 'Visit <b>${item.country}</b>',
href: '${item.url}',
attributes: {
target: '_blank',
rel: 'noopener noreferrer',
tabIndex: -1
}
// no need for click handler, the link navigates automatically
});

复制代码

完整代码如下：

import 'bootstrap.css';
import '@grapecity/wijmo.styles/wijmo.css';
import './styles.css';
import { CellMaker } from '@grapecity/wijmo.grid.cellmaker';
import { FlexGrid } from '@grapecity/wijmo.grid';
import { getData, getCountries } from './data';
document.readyState === 'complete' ? init() : window.onload = init;
function init() {
var theGrid = new FlexGrid('#theGrid', {
showMarquee: true,
selectionMode: 'MultiRange',
autoGenerateColumns: false,
columns: [
{ binding: 'id', header: 'ID', isReadOnly: true, width: 80 },
{ binding: 'country', header: 'Country', dataMap: getCountries() },
// link with bound text and no href (uses click event)
{
header: 'Simple Link',
binding: 'country',
cellTemplate: CellMaker.makeLink({
click: (e, ctx) => alert('Clicked Link ** ' + ctx.item.country + ' **')
})
},
// link with fixed text and bound href
{
header: 'Real Link',
binding: 'country'
}
],
itemsSource: getData(1000)
});
// 直接设置
var col = theGrid.columns[3];
col.cellTemplate = CellMaker.makeLink({
text: 'Visit <b>${item.country}</b>',
href: '${item.url}',
attributes: {
target: '_blank',
rel: 'noopener noreferrer',
tabIndex: -1
}
// no need for click handler, the link navigates automatically
});
}

复制代码

测试地址：

https://www.grapecity.com/wijmo/ ... r/Hyperlinks/purejs

回复 使用道具举报

KevinChen
论坛元老 / 发表于：2020-6-17 09:07:57 2^#

你好，Wijmo 2020 版本原生支持了超链接单元格，参考示例：

https://www.grapecity.com/wijmo/ ... r/Hyperlinks/purejs

官网下载地址：

https://www.grapecity.com.cn/developer/wijmojs/download

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？立即注册

x

回复 使用道具举报

wss.
初级会员 / 发表于：2020-6-17 10:32:16 3^#

本帖最后由 wss. 于 2020-6-17 11:02 编辑

除了这种直接在列上绑定的，还有没办法外部插入绑定的列上的？意见就是列可能是读数据出来的，但是现在可能直接操作绑定列上不太方便，有没有通过别的方法绑定在列上

底下的图片不用管，我删不掉。。。

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？立即注册

x

回复 使用道具举报