Làm cách nào để các hàng của ttk.Treeview có thể chỉnh sửa được?

Question

Có cách nào để sử dụng ttk Treeview với các hàng có thể chỉnh sửa không?

Tôi có nghĩa là nó sẽ hoạt động giống như một bảng. Ví dụ: nhấp đúp vào mục làm cho cột # 0 có thể chỉnh sửa được.

Nếu điều này là không thể, bất kỳ cách nào để cho phép chọn chuột trên mục sẽ vẫn ổn. Tôi đã không tìm thấy bất kỳ đề cập đến điều này trong tkdocs hoặc các tài liệu khác.

Answer 1

Sau khi nghiên cứu lâu tôi đã không tìm thấy tính năng như vậy nên tôi đoán có bất kỳ. Tk là giao diện rất đơn giản, cho phép lập trình viên xây dựng các tính năng 'cao cấp' từ những điều cơ bản. Vì vậy, hành vi mong muốn của tôi theo cách này.

def onDoubleClick(self, event): 
    ''' Executed, when a row is double-clicked. Opens 
    read-only EntryPopup above the item's column, so it is possible 
    to select text ''' 

    # close previous popups 
    self.destroyPopups() 

    # what row and column was clicked on 
    rowid = self._tree.identify_row(event.y) 
    column = self._tree.identify_column(event.x) 

    # clicked row parent id 
    parent = self._tree.parent(rowid) 

    # do nothing if item is top-level   
    if parent == '': 
     return 

    # get column position info 
    x,y,width,height = self._tree.bbox(rowid, column) 

    # y-axis offset 
    pady = height // 2 

    # place Entry popup properly   
    url = self._tree.item(rowid, 'text') 
    self.entryPopup = EntryPopup(self._tree, url) 
    self.entryPopup.place(x=0, y=y+pady, anchor=W, relwidth=1) 

Đây là phương pháp trong một lớp mà soạn ttk.Treeview như self._tree

Và sau đó EntryPopup là rất đơn giản sub-class of Entry:

class EntryPopup(Entry): 

    def __init__(self, parent, text, **kw): 
     ''' If relwidth is set, then width is ignored ''' 
     super().__init__(parent, **kw) 

     self.insert(0, text) 
     self['state'] = 'readonly' 
     self['readonlybackground'] = 'white' 
     self['selectbackground'] = '#1BA1E2' 
     self['exportselection'] = False 

     self.focus_force() 
     self.bind("<Control-a>", self.selectAll) 
     self.bind("<Escape>", lambda *ignore: self.destroy()) 

    def selectAll(self, *ignore): 
     ''' Set selection on the whole text ''' 
     self.selection_range(0, 'end') 

     # returns 'break' to interrupt default key-bindings 
     return 'break' 

Answer 2

Tôi không biết làm cho hàng có thể chỉnh sửa được, nhưng để chụp nhấp vào một hàng, bạn sử dụng sự kiện ảo . Điều này bị ràng buộc với một thói quen với phương thức bind(), sau đó bạn sử dụng phương thức selection() để lấy các id của các mục được chọn.

Đây là đoạn từ một chương trình hiện có, nhưng hiển thị chuỗi cơ bản của cuộc gọi:

# in Treeview setup routine 
    self.tview.tree.bind("<<TreeviewSelect>>", self.TableItemClick) 

# in TableItemClick() 
    selitems = self.tview.tree.selection() 
    if selitems: 
     selitem = selitems[0] 
     text = self.tview.tree.item(selitem, "text") # get value in col #0 

Answer 3

Đây chỉ là để tạo một cây cho đường dẫn được chỉ định được đặt trong hàm tạo. bạn có thể ràng buộc sự kiện của bạn với mục của bạn trên cây đó. Chức năng sự kiện được để lại theo cách mà mục đó có thể được sử dụng theo nhiều cách. Trong trường hợp này, nó sẽ hiển thị tên của mục khi nhấp đúp vào nó. Hy vọng điều này sẽ giúp ai đó.

import ttk 
    from Tkinter import* 
    import os* 

    class Tree(Frame): 

    def __init__(self, parent): 
     Frame.__init__(self, parent) 
     self.parent = parent 
     path = "/home/...." 
     self.initUI(path) 

    def initUI(self, path): 
     self.parent.title("Tree") 
     self.tree = ttk.Treeview(self.parent) 
     self.tree.bind("<Double-1>", self.itemEvent) 
     yScr = ttk.Scrollbar(self.tree, orient = "vertical", command = self.tree.yview) 
     xScr = ttk.Scrollbar(self.tree, orient = "horizontal", command = self.tree.xview) 
     self.tree.configure(yscroll = yScr.set, xScroll = xScr.set) 
     self.tree.heading("#0", text = "My Tree", anchor = 'w') 
     yScr.pack(side = RIGHT, fill = Y) 

     pathy = os.path.abspath(path) 
     rootNode = self.tree.insert('', 'end', text = pathy, open = True) 
     self.createTree(rootNode, pathy) 

     self.tree.pack(side = LEFT, fill = BOTH, expand = 1, padx = 2, pady = 2) 

     self.pack(fill= BOTH, expand = 1) 

    def createTree(self, parent, path) 
     for p in os.listdir(path) 
      pathy = os.path.join(path, p) 
      isdir = os.path.isdir(pathy) 
      oid = self.tree.insert(parent, 'end' text = p, open = False) 
      if isdir: 
       self.createTree(oid, pathy) 

    def itemEvent(self, event): 
     item = self.tree.selection()[0] # now you got the item on that tree 
     print "you clicked on", self.tree.item(item,"text") 



    def main(): 
     root = Tk.Tk() 
     app = Tree(root) 
     root.mainloop() 

    if __name__ == '__main__' 
     main() 

Answer 4

Bạn cũng có thể bật lên cửa sổ công cụ với các trường có thể chỉnh sửa được liệt kê với Mục nhập để cập nhật giá trị. Ví dụ này có một lượt xem tre với ba cột và không sử dụng các lớp con.

Bind nhấn đúp chuột của bạn như thế này:

def OnDoubleClick(self, treeView): 
    # First check if a blank space was selected 
    entryIndex = treeView.focus() 
    if '' == entryIndex: return 

    # Set up window 
    win = Toplevel() 
    win.title("Edit Entry") 
    win.attributes("-toolwindow", True) 

    #### 
    # Set up the window's other attributes and geometry 
    #### 

    # Grab the entry's values 
    for child in treeView.get_children(): 
     if child == entryIndex: 
      values = treeView.item(child)["values"] 
      break 

    col1Lbl = Label(win, text = "Value 1: ") 
    col1Ent = Entry(win) 
    col1Ent.insert(0, values[0]) # Default is column 1's current value 
    col1Lbl.grid(row = 0, column = 0) 
    col1Ent.grid(row = 0, column = 1) 

    col2Lbl = Label(win, text = "Value 2: ") 
    col2Ent = Entry(win) 
    col2Ent.insert(0, values[1]) # Default is column 2's current value 
    col2Lbl.grid(row = 0, column = 2) 
    col2Ent.grid(row = 0, column = 3) 

    col3Lbl = Label(win, text = "Value 3: ") 
    col3Ent = Entry(win) 
    col3Ent.insert(0, values[2]) # Default is column 3's current value 
    col3Lbl.grid(row = 0, column = 4) 
    col3Ent.grid(row = 0, column = 5) 

    def UpdateThenDestroy(): 
     if ConfirmEntry(treeView, col1Ent.get(), col2Ent.get(), col3Ent.get()): 
      win.destroy() 

    okButt = Button(win, text = "Ok") 
    okButt.bind("<Button-1>", lambda e: UpdateThenDestroy()) 
    okButt.grid(row = 1, column = 4) 

    canButt = Button(win, text = "Cancel") 
    canButt.bind("<Button-1>", lambda c: win.destroy()) 
    canButt.grid(row = 1, column = 5) 

Sau đó, xác nhận thay đổi:

def ConfirmEntry(self, treeView, entry1, entry2, entry3): 
    #### 
    # Whatever validation you need 
    #### 

    # Grab the current index in the tree 
    currInd = treeView.index(treeView.focus()) 

    # Remove it from the tree 
    DeleteCurrentEntry(treeView) 

    # Put it back in with the upated values 
    treeView.insert('', currInd, values = (entry1, entry2, entry3)) 

    return True 

Dưới đây là làm thế nào để xóa một mục:

def DeleteCurrentEntry(self, treeView): 
    curr = treeView.focus() 

    if '' == curr: return 

    treeView.delete(curr)