antd 표 줄 클릭 단추 선택 이벤트
/**
*
*
*
*/
export const dealWidthSelectRow = dealData =>{
const {
rowKeys,// key
rows,//
record//
} = dealData;
let x = rowKeys.findIndex((value,index)=>{
return value === record.key
});
if(x === -1){
rowKeys.push(record.key);
rows.push(record)
}else{
delete rowKeys[x];
delete rows[x]
}
TrimSpace(rows);
TrimSpace(rowKeys);
return {
rowKeys:rowKeys,
rows: rows
}
};구성 요소 페이지:
class A extend ...{
onRowClick = (record, selected, selectedRows, nativeEvent)=>{
let dealData = {
rowKeys : this.state.selectedRowKeys,
rows : this.state.selectRows,
record : record
};
let {rowKeys, rows} = dealWidthSelectRow(dealData);
console.log(rowKeys);
console.log(rows);
this.setState({
selectedRowKeys:rowKeys,
okSelectNum: rows.length,
selectRows: rows
})
};render(){
return (
{
let className = null;
if (record.id === '' || record.id === null || record.id === undefined) {
className = 'close_checkbox'
}
return className
}
}
onRow={(record, index) => {
return {
onClick: () => {
this.onRowClick(record, index)
} / / 클릭 줄
}
}}
rowSelection={rowSelection}
columns={this.columns}
dataSource={data}
loading={loading}
onChange={this.handleTableChange}
pagination={{
total: pageTotal,
showQuickJumper:true,
current: pagination.pageNum
}}
/>
)}}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Emacs에서 디폴트보다는 편하게 JSP를 쓰고 싶다.Emacs에서 JSP(JavaServer Pages)를 쓰게 되었지만 코드 성형 설정이 없었다. CentOS 6 GNU Emacs 23.1.1 STEP 1 의 다운로드에서 파일을 다운로드합니다. (나는 Github에...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
