电信isag接口java_ag grid clipboard for cut action

I would like to implement copy, cut, paste actions in ag grid. Ag grid enterprise features contain all what I need except for cut action. I think it can be implemented by adding keydown event handler to the component. The process would be consisted of just copying and erasing the cells data. But the problem is I couldn't find the which row and column I copied, the position of the cell. any idea?

...

constructor(props) {

super(props);

this.state = {

columnDefs: [

{

headerName: "Athlete",

field: "athlete",

width: 150,

suppressSizeToFit: true

},

{

headerName: "Age",

field: "age",

width: 90,

minWidth: 50,

maxWidth: 100

},

...

],

defaultColDef: { editable: true },

rowSelection: "multiple",

clipboardDeliminator: ",",

rowData: []

};

}

onKeyDown(evt) {

if (evt.key == "x" && (evt.ctrlKey || evt.metaKey)) {

this.gridApi.copySelectedRangeToClipboard();

// here should add some code

}

}

render() {

return (

id="myGrid"

style={{

boxSizing: "border-box",

height: "100%",

width: "100%"

}}

className="ag-theme-balham"

onKeyDown={this.onKeyDown.bind(this)}

>

columnDefs={this.state.columnDefs}

defaultColDef={this.state.defaultColDef}

enableRangeSelection={true}

rowSelection={this.state.rowSelection}

clipboardDeliminator={this.state.clipboardDeliminator}

onGridReady={this.onGridReady.bind(this)}

rowData={this.state.rowData}

/>

);

}

}

...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值