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>
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » react+wijmo所遇问题
发表评论 取消回复