| | |
|---|
| | | exportConfig: {}, |
|---|
| | | scrollY:{ enabled: true,gt:13 },//开启虚拟滚动 |
|---|
| | | //scrollX:{ enabled: true,gt:15 },//开启虚拟滚动 |
|---|
| | | |
|---|
| | | mouseConfig:{selected: true},//鼠标选中 |
|---|
| | | keyboardConfig:{ |
|---|
| | | isArrow: true, |
|---|
| | | isDel: true, |
|---|
| | | isEnter: true, |
|---|
| | | isTab: true, |
|---|
| | | isEdit: true, |
|---|
| | | isChecked: true |
|---|
| | | }, |
|---|
| | | columnConfig: { |
|---|
| | | resizable: true, |
|---|
| | | useKey: true |
|---|
| | |
|---|
| | | xGrid.value.reloadData(res.data) |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | const handleKeyDown = (evnt) =>{ |
|---|
| | | |
|---|
| | | if(evnt.$event.keyCode === 38 ){ |
|---|
| | | let nextRowIndex = xGrid.value.getRowIndex(xGrid.value.getCurrentRecord()) - 1; |
|---|
| | | if (nextRowIndex < xGrid.value.getTableData().fullData.length && nextRowIndex>=0) { |
|---|
| | | xGrid.value.setCurrentRow(xGrid.value.getTableData().fullData[nextRowIndex]); |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | if(evnt.$event.keyCode === 40 ){ |
|---|
| | | let nextRowIndex = xGrid.value.getRowIndex(xGrid.value.getCurrentRecord()) + 1; |
|---|
| | | if (nextRowIndex < xGrid.value.getTableData().fullData.length) { |
|---|
| | | xGrid.value.setCurrentRow(xGrid.value.getTableData().fullData[nextRowIndex]); |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <template> |
|---|
| | |
|---|
| | | class="mytable-scrollbar" |
|---|
| | | ref="xGrid" |
|---|
| | | v-bind="gridOptions" |
|---|
| | | @keydown="handleKeyDown" |
|---|
| | | > |
|---|
| | | <template #num1_filter="{ column, $panel }"> |
|---|
| | | <div> |
|---|
