课堂列表悬停选择

dev_aliyun_beta
杨树明 6 years ago
parent ad4cf27615
commit 0e33467eda

@ -474,7 +474,16 @@ class Fileslists extends Component{
} }
onItemClick = (item) => {
const checkBoxValues = this.state.checkBoxValues.slice(0);
const index = checkBoxValues.indexOf(item.id);
if (index != -1) {
_.remove(checkBoxValues, (listItem)=> listItem === item.id)
} else {
checkBoxValues.push(item.id);
}
this.onCheckBoxChange(checkBoxValues)
}
PaginationTask=(page)=>{ PaginationTask=(page)=>{
let {search,order,selectpage,checkAllValue,checkBoxValues}=this.state; let {search,order,selectpage,checkAllValue,checkBoxValues}=this.state;
@ -897,7 +906,7 @@ class Fileslists extends Component{
{ files&&files.map((item, index) => { { files&&files.map((item, index) => {
return ( return (
<div className="mt20 edu-back-white padding02010" key={index}> <div className="mt20 edu-back-white padding02010" key={index} onClick={()=>this.onItemClick(item)}>
<div className="clearfix"> <div className="clearfix">
<div key={index}> <div key={index}>
<Fileslistitem <Fileslistitem

@ -171,7 +171,20 @@ class Exercise extends Component{
checkAllValue: checkedValues.length == exercises.length checkAllValue: checkedValues.length == exercises.length
}) })
} }
// 全选or反选
onItemClick = (item) => {
const checkBoxValues = this.state.checkBoxValues.slice(0);
const index = checkBoxValues.indexOf(item.id);
if (index != -1) {
_.remove(checkBoxValues, (listItem)=> listItem === item.id)
} else {
checkBoxValues.push(item.id)
}
this.onCheckBoxChange(checkBoxValues)
}
// 全选or反选
onCheckAll = (e) => { onCheckAll = (e) => {
this.setState({ this.setState({
checkAllValue: e.target.checked checkAllValue: e.target.checked
@ -560,8 +573,8 @@ class Exercise extends Component{
{...this.state} {...this.state}
item={item} item={item}
key={key} key={key}
checkBox={<Checkbox value={item.id} key={item.id} onItemClick={this.onItemClick}
// onClick={() => this.onItemClick(item)} checkBox={<Checkbox value={item.id} key={item.id}
></Checkbox>} ></Checkbox>}
></ExerciseListItem> ></ExerciseListItem>
) )

@ -59,7 +59,7 @@ class ExerciseListItem extends Component{
// console.log(this.props.current_user.user_id) // console.log(this.props.current_user.user_id)
return( return(
<div className="workList_Item" style={{padding:"30px"}}> <div className="workList_Item" style={{padding:"30px"}} onClick={() => this.props.onItemClick(this.props.item)}>
{ {
IsAdmin && IsAdmin &&
<span className="fl mr12"> <span className="fl mr12">

@ -350,12 +350,21 @@ class GraduationTasks extends Component{
checkBoxValues: checkedValues, checkBoxValues: checkedValues,
checkAllValue:type checkAllValue:type
}) })
} }
onItemClick = (item) => {
const checkBoxValues = this.state.checkBoxValues.slice(0);
const index = checkBoxValues.indexOf(item.task_id);
if (index != -1) {
_.remove(checkBoxValues, (listItem)=> listItem === item.task_id)
} else {
checkBoxValues.push(item.task_id)
}
this.onCheckBoxChange(checkBoxValues)
}
PaginationTask=(page)=>{ PaginationTask=(page)=>{
let {search,order,selectpage,checkAllValue,checkBoxValues}=this.state; let {search,order,selectpage,checkAllValue,checkBoxValues}=this.state;
let selectpagetype=selectpage===page?true:false let selectpagetype=selectpage===page?true:false
@ -726,10 +735,10 @@ class GraduationTasks extends Component{
} }
`}</style> `}</style>
<Spin size="large" spinning={this.state.isSpin}> <Checkbox.Group style={{ width: '100%' }} onChange={this.onCheckBoxChange} value={checkBoxValues}> <Spin size="large" spinning={this.state.isSpin}> <Checkbox.Group style={{ width: '100%' }} onChange={this.onCheckBoxChange} value={checkBoxValues}>
{ tasks.map((item, index) => { { tasks&&tasks.map((item, index) => {
// console.log(item) // console.log(item)
return ( return (
<div className="mt20 edu-back-white padding02010" key={index}> <div className="mt20 edu-back-white padding02010" key={index} onClick={()=>this.onItemClick(item)}>
<div className="clearfix"> <div className="clearfix">
<GraduateTaskItem <GraduateTaskItem
discussMessage={item} discussMessage={item}

@ -31,7 +31,7 @@ class GraduateTopicItem extends Component{
return ''; return '';
} }
return( return(
<div> <div onClick={() => this.props.onItemClick(discussMessage)}>
<style> <style>
{ {
` `

@ -596,6 +596,7 @@ class Poll extends Component{
courseType={course_types} courseType={course_types}
item={item} item={item}
key={key} key={key}
onItemClick={this.onItemClick}
checkBox={<Checkbox value={item.id} key={item.id} onClick={() => this.onItemClick(item)}></Checkbox>} checkBox={<Checkbox value={item.id} key={item.id} onClick={() => this.onItemClick(item)}></Checkbox>}
></PollListItem> ></PollListItem>
) )

@ -28,7 +28,7 @@ class PollListItem extends Component{
let canNotLink = !isAdminOrStudent && item.lock_status == 0 let canNotLink = !isAdminOrStudent && item.lock_status == 0
return( return(
<div className="workList_Item polllisthover" style={{padding:"30px"}}> <div className="workList_Item polllisthover" style={{padding:"30px"}} onClick={() => this.props.onItemClick(this.props.item)}>
{ {
IsAdmin && IsAdmin &&
<span className="fl mr12"> <span className="fl mr12">

@ -654,6 +654,16 @@ class ShixunHomework extends Component{
}) })
} }
onItemClick = (item) => {
const checkBoxValues = this.state.checkBoxValues.slice(0);
const index = checkBoxValues.indexOf(item.homework_id);
if (index != -1) {
_.remove(checkBoxValues, (listItem)=> listItem === item.homework_id)
} else {
checkBoxValues.push(item.homework_id)
}
this.onCheckBoxChange(checkBoxValues)
}
savedelete=()=>{ savedelete=()=>{
let {Coursename,page,order,checkBoxValues,datas}=this.state; let {Coursename,page,order,checkBoxValues,datas}=this.state;
@ -1154,7 +1164,7 @@ class ShixunHomework extends Component{
// console.log("++++++++++++++++++++++++++++++++++++++++++") // console.log("++++++++++++++++++++++++++++++++++++++++++")
// console.log(JSON.stringify(this.props)) // console.log(JSON.stringify(this.props))
return ( return (
<div className="mt20 edu-back-white padding02010" key={index}> <div className="mt20 edu-back-white padding02010" key={index} onClick={() => this.onItemClick(item)}>
<div className="clearfix"> <div className="clearfix">
<ShixunhomeWorkItem <ShixunhomeWorkItem
{...this.props} {...this.props}

Loading…
Cancel
Save