1.官网地址:https://demo.mescius/wijmo/demos/Grid/Overview/react

别进中文地址,注意后缀mescius有没有.cn有的话删掉,那个没有触发方法和各类API,组件也不全

2.中文地址:(不太好用):https://demo.grapecity.com.cn/wijmo5/learningwijmo/#fZYKp

3.API介绍地址:模块 wijmo.collections - Wijmo 5 Help (grapecity.com.cn)

如果是开发过程中遇到的问题,在官网没找到API的话,第三个地址会更好用一些,搭配node-modules的源码查看

1.引入FlexGrid之后想要做单列点击事件,需要在initialized上绑定事件后selectionChanged事件,通过判断行列进行后续逻辑处理。
searchResult: {
        initialize: (grid: WjFlexGrid) => {
          grid.selectionChanged.addHandler((s, e) => {
            if (e.col === 3) {
              console.log('正在进行点击事件', s, e);
            }
          });
    }
}
<FlexGrid
      initialized={action.searchResult.initialize}
 />

事件绑定后接收s,e

2.FlexGrid在进行宽度自适应的设定过程中,想要设置自适应宽不生效

FlexGrid在进行宽度自适应的设定过程中,想要设置自适应宽不生效,’*‘,’auto‘均不生效,调查源码发现是可以接收的,猜测是未给宽度导致的auto属性无法生效,在外层加了一个div盒子进行宽度限制,发现自适应能生效了

columns.push({
            header: t('fileName'),
            binding: 'fileName',
            width: '*',
            minWidth: 100,
            align: 'left',
          });
<div style={{ width: '800px' }}>
<FlexGrid
      columns={state.columns}
/>
</div>

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部