74 lines
2.1 KiB
JavaScript
74 lines
2.1 KiB
JavaScript
class Edit {
|
|
|
|
constructor() {
|
|
// 已选择分类
|
|
this.principal = JSON.parse(localStorage.getItem("principal"))
|
|
// 待选择分类
|
|
this.additional = JSON.parse(localStorage.getItem("additional"))
|
|
header("分类管理")
|
|
this.renderYourSelect()
|
|
this.renderNoSelect()
|
|
}
|
|
|
|
// 渲染已选择分类
|
|
renderYourSelect() {
|
|
$(".default ul").innerHTML = ""
|
|
this.principal.forEach(v => {
|
|
$(".default ul").innerHTML += `
|
|
<li>${v.title}</li>
|
|
`
|
|
})
|
|
|
|
var defaultLi = _(".default ul li");
|
|
defaultLi.forEach((v,i) => {
|
|
v.onclick = () => {
|
|
this.additional.push(this.principal[i])
|
|
|
|
this.principal = this.principal.filter((item,index) => {
|
|
if (item.id != this.principal[i].id) {
|
|
return item;
|
|
}
|
|
});
|
|
|
|
localStorage.setItem("principal", JSON.stringify(this.principal))
|
|
localStorage.setItem("additional", JSON.stringify(this.additional))
|
|
|
|
|
|
this.renderYourSelect();
|
|
this.renderNoSelect();
|
|
}
|
|
})
|
|
}
|
|
|
|
renderNoSelect () {
|
|
$(".select ul").innerHTML = ""
|
|
this.additional.forEach(v => {
|
|
$(".select ul").innerHTML += `
|
|
<li>${v.title}</li>
|
|
`
|
|
});
|
|
|
|
var NoLi = _(".select ul li");
|
|
NoLi.forEach((v,i) => {
|
|
v.onclick = () => {
|
|
this.principal.unshift(this.additional[i])
|
|
|
|
this.additional = this.additional.filter((item,index) => {
|
|
if (item.id != this.additional[i].id) {
|
|
return item;
|
|
}
|
|
});
|
|
|
|
localStorage.setItem("additional", JSON.stringify(this.additional))
|
|
localStorage.setItem("principal", JSON.stringify(this.principal))
|
|
|
|
|
|
this.renderYourSelect();
|
|
this.renderNoSelect();
|
|
}
|
|
});
|
|
}
|
|
|
|
}
|
|
|
|
new Edit(); |