Add 'X' to TabButton

SavageTwinky

I'm trying to add a close button for tabs using Qml quick2, The problem I'm having is the signal doesn't seem to work on a custom contentItem.

My tab button, tabexitable

TabButton {
	id: root
	signal closeTab
	contentItem: RowLayout {
		id: row
		signal closeTab
		Item {
			width: 20
		}
		Text {
			id: txtLabel
			text: root.text
			font: root.font
			color: root.checked ? "black" : "white"

			elide: Text.ElideRight
		}
		Item {
			width: 20
		}
		Item {
			// I can't seem to get this button to resize
			// without some sort of container
			width: parent.height
			height: parent.height

			anchors.margins: 20

			Button {
				id: btnClose
				icon.source: Qt.resolvedUrl("Assets/close-big-512.png")
				anchors.fill: parent
				onClicked: {
					console.log("Closing tab")
					row.closeTab
					root.closeTab
				}
			}
		}
	}
}

TabBar {
	id: tabBarMain
	Repeater {
		model: gBackend.paletteModel()
		delegate: TabExitable {
			Layout.fillHeight: true
			text: modelData
			width: implicitWidth
			
			onCloseTab: {
				console.log("blah")
				gBackend.paletteModel().remove(index)
			}

			Connections {
				target: contentItem
				onCloseTab: {
					console.log("blah")
					gBackend.paletteModel().remove(index)
				}
			}

			onClicked: {
				console.log("clicekd")
			}
		}
	}
}

my output

qml: Closing tab
qml: Closing tab
qml: Closing tab
qml: Closing tab

SavageTwinky

Auto complete forgot the parenthesis

root.closeTab vs root.closeTab().... it would be nice to have more errors

SavageTwinky

Auto complete forgot the parenthesis

root.closeTab vs root.closeTab().... it would be nice to have more errors

Solved Add 'X' to TabButton