How is the editor's file label bar implemented?

problem description

how is the file label bar or navigation bar and tabs of the editor implemented?
for editors like vsCode, nodepadPP, how do you implement the file tags above?
as shown in the following figure:

can be dynamically closed and added.

the platform version of the problem and what methods you have tried

I tried the tags of easyUI and bootstrap plug-ins myself, but the effect was not good. Bootstrap did not find a function that could be turned off dynamically, and there was no close icon (X number) provided behind the tag

is to implement a tag bar that can be added or closed dynamically, similar to the tags of editors or browsers. I have a narrow range of knowledge, and I don"t know which technology to use at present.

Apr.09,2021

declare an array and add, delete, modify and check her. As for when to add or delete, just see what you need to do


js write a https://blog.csdn.net/jx95091.


easyui

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3ac7d-2c24a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3ac7d-2c24a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?