在columns中的input設(shè)置ref以便獲取input實例鸯隅，創(chuàng)建handleKeyboard響應(yīng)鍵盤方向鍵事件,將當(dāng)前行index和事件傳遞給handleKeyboard方法
{
title: intl.get('purchaseAmout'),
width: 80,
fixed: 'right',
render: (text, row, index) => {
return {
children: (
<Input
ref={input => {
this['Item' + index] = input;
}}
style={{ color: 'orange' }}
onKeyUp={e => this.handleKeyboard(index, e)}
/>
),
props: {},
};
},
},
keyCode=38為向上鍵 keyCode=40為向下鍵硕糊，注意index越界問題
handleKeyboard(index, e) {
if (e.nativeEvent.keyCode === 38) {
//↑
if (index > 0) {
const domInputRef = 'Item' + (index - 1);
this[domInputRef].focus();
}
} else if (e.nativeEvent.keyCode === 40) {
//↓
if (index < data.length - 1) {
const domInputRef = 'Item' + (index + 1);
this[domInputRef].focus();
}
}
}
