修改Tag组件
parent
e10fddb188
commit
b67075a3ba
|
|
@ -16,29 +16,31 @@ Rectangle {
|
|||
radius: 5
|
||||
clip: true
|
||||
|
||||
ListModel { id: tagListModel }
|
||||
ListModel {
|
||||
id: tagListModel
|
||||
}
|
||||
property ListModel tagList: tagListModel
|
||||
property var tagMap:[]
|
||||
property var presetsTags:[]
|
||||
property var presetsTagsItem:[]
|
||||
property var tagMap: []
|
||||
property var presetsTags: []
|
||||
property var presetsTagsItem: []
|
||||
|
||||
Component.onCompleted: {
|
||||
Request.get("tag?name",
|
||||
function(result, data){
|
||||
// console.log("success")
|
||||
// console.log(result)
|
||||
// console.log(data.length)
|
||||
for(var i =0;i<data.length;i++){
|
||||
tagMap.push([data[i].id,data[i].name])
|
||||
Request.get("tag?name", function (result, data) {
|
||||
// console.log("success")
|
||||
// console.log(result)
|
||||
// console.log(data.length)
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
tagMap.push(data[i])
|
||||
presetsTags.push(data[i].name)
|
||||
presetsTagsItem.push({title:data[i].name})
|
||||
presetsTagsItem.push({
|
||||
"title": data[i].name
|
||||
})
|
||||
}
|
||||
// console.log(tagMap)
|
||||
// console.log(presetsTags)
|
||||
},function (p1, p2) {
|
||||
// console.log("failure")
|
||||
// console.log(p1)
|
||||
// console.log(p2)
|
||||
// console.log(tagMap)
|
||||
// console.log(presetsTags)
|
||||
}, function (p1, p2) {// console.log("failure")
|
||||
// console.log(p1)
|
||||
// console.log(p2)
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -58,11 +60,13 @@ Rectangle {
|
|||
Loader {
|
||||
sourceComponent: tagItem
|
||||
Component.onCompleted: {
|
||||
item.closeClicked.connect(function(){
|
||||
item.closeClicked.connect(function () {
|
||||
tagListModel.remove(index)
|
||||
})
|
||||
|
||||
item.tag = Qt.binding(function(){return tag})
|
||||
item.tag = Qt.binding(function () {
|
||||
return tag
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -72,19 +76,18 @@ Rectangle {
|
|||
width: input.width - rowTag.width
|
||||
height: parent.height
|
||||
|
||||
FluAutoSuggestBox{
|
||||
id:textInput
|
||||
FluAutoSuggestBox {
|
||||
id: textInput
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
width: parent.width
|
||||
|
||||
|
||||
placeholderText: "按回车键Enter创建标签"
|
||||
Layout.preferredWidth: 300
|
||||
//items:[{title:"前端"},{title:"后端"},{title:"数据库"}]
|
||||
items: presetsTagsItem
|
||||
|
||||
onFocusChanged: {
|
||||
text =""
|
||||
text = ""
|
||||
}
|
||||
|
||||
Keys.onReturnPressed: {
|
||||
|
|
@ -92,18 +95,22 @@ Rectangle {
|
|||
if (text.length === 0)
|
||||
return
|
||||
|
||||
if(presetsTags.indexOf(text) === -1){
|
||||
text = ""
|
||||
return
|
||||
}
|
||||
tagListModel.append({"tag": text})
|
||||
var tagId
|
||||
for (var i = 0; i < tagMap.length; i++) {
|
||||
if (tagMap[i].name === text) {
|
||||
tagListModel.append({
|
||||
"tag": text,
|
||||
"id": tagMap[i].id
|
||||
})
|
||||
//console.log(tagListModel.get(0))
|
||||
text = ""
|
||||
}
|
||||
}
|
||||
}
|
||||
Keys.onPressed: {
|
||||
if (event.key === Qt.Key_Backspace) {
|
||||
if (text.length === 0 && tagListModel.count) {
|
||||
tagListModel.remove(tagListModel.count-1)
|
||||
tagListModel.remove(tagListModel.count - 1)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -111,11 +118,10 @@ Rectangle {
|
|||
}
|
||||
}
|
||||
|
||||
property Component tagItem:
|
||||
Rectangle {
|
||||
property Component tagItem: Rectangle {
|
||||
id: rootTagItem
|
||||
property alias tag: tagText.text
|
||||
signal closeClicked()
|
||||
signal closeClicked
|
||||
|
||||
width: content.width
|
||||
height: 25
|
||||
|
|
@ -136,7 +142,10 @@ Rectangle {
|
|||
anchors.verticalCenter: parent.verticalCenter
|
||||
height: rootTagItem.height
|
||||
|
||||
Item { width: 5; height: 1 }
|
||||
Item {
|
||||
width: 5
|
||||
height: 1
|
||||
}
|
||||
|
||||
Text {
|
||||
id: tagText
|
||||
|
|
@ -146,7 +155,11 @@ Rectangle {
|
|||
color: "white"
|
||||
}
|
||||
|
||||
Item { visible: mouseArea.hovered; width: 5; height: 1 }
|
||||
Item {
|
||||
visible: mouseArea.hovered
|
||||
width: 5
|
||||
height: 1
|
||||
}
|
||||
|
||||
Item {
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
|
|
@ -154,11 +167,15 @@ Rectangle {
|
|||
height: rootTagItem.height
|
||||
visible: mouseArea.hovered
|
||||
Behavior on width {
|
||||
NumberAnimation {duration: 100}
|
||||
NumberAnimation {
|
||||
duration: 100
|
||||
}
|
||||
}
|
||||
|
||||
Behavior on visible {
|
||||
NumberAnimation {duration: 100}
|
||||
NumberAnimation {
|
||||
duration: 100
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
|
|
@ -189,9 +206,11 @@ Rectangle {
|
|||
}
|
||||
}
|
||||
|
||||
Item { width: 5; height: 1 }
|
||||
Item {
|
||||
width: 5
|
||||
height: 1
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -69,7 +69,9 @@ FluButton {
|
|||
width: parent.width - parent.leftPadding - parent.rightPadding
|
||||
placeholderText: "请输入简介"
|
||||
}
|
||||
Tag {}
|
||||
Tag {
|
||||
id: tags
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
|
|
@ -108,6 +110,13 @@ FluButton {
|
|||
Layout.fillHeight: true
|
||||
text: "上传"
|
||||
onClicked: {
|
||||
for (var i = 0; i < tags.tagList.count; i++) {
|
||||
console.log(tags.tagList.get(i).tag)
|
||||
console.log(tags.tagList.get(i).id)
|
||||
}
|
||||
|
||||
return
|
||||
|
||||
popup.close()
|
||||
let name = FileTransferManager.getFileName(
|
||||
currentSelectedFile)
|
||||
|
|
|
|||
Loading…
Reference in New Issue