I can open an excel file and see its content

src/myfasthtml/controls/DataGridsManager.py

@@ -1,4 +1,5 @@
 import pandas as pd
+from fastcore.basics import NotStr
 from fasthtml.components import Div
 
 from myfasthtml.controls.BaseCommands import BaseCommands
@@ -23,13 +24,12 @@ class Commands(BaseCommands):
                    "New grid",
                    self._owner.new_grid)
   
-  def open_from_excel(self, tab_id, get_content_callback):
-    excel_content = get_content_callback()
+  def open_from_excel(self, tab_id, file_upload):
     return Command("OpenFromExcel",
                    "Open from Excel",
                    self._owner.open_from_excel,
                    tab_id,
-                   excel_content).htmx(target=None)
+                   file_upload).htmx(target=None)
 
 
 class DataGridsManager(MultipleInstance):
@@ -42,13 +42,14 @@ class DataGridsManager(MultipleInstance):
   def upload_from_source(self):
     file_upload = FileUpload(self)
     tab_id = self._tabs_manager.create_tab("Upload Datagrid", file_upload)
-    file_upload.on_ok = self.commands.open_from_excel(tab_id, file_upload.get_content)
+    file_upload.set_on_ok(self.commands.open_from_excel(tab_id, file_upload))
     return self._tabs_manager.show_tab(tab_id)
   
-  def open_from_excel(self, tab_id, excel_content):
+  def open_from_excel(self, tab_id, file_upload):
+    excel_content = file_upload.get_content()
     df = pd.read_excel(excel_content)
     content = df.to_html(index=False)
-    self._tabs_manager.switch(tab_id, content)
+    return self._tabs_manager.change_tab_content(tab_id, file_upload.get_file_name(), NotStr(content))
   
   def mk_main_icons(self):
     return Div(

src/myfasthtml/controls/FileUpload.py

@@ -25,6 +25,8 @@ class FileUploadState(DbObject):
       self.ns_sheets_names: list | None = None
       self.ns_selected_sheet_name: str | None = None
       self.ns_file_content: bytes | None = None
+      self.ns_on_ok = None
+      self.ns_on_cancel = None
 
 
 class Commands(BaseCommands):
@@ -49,11 +51,16 @@ class FileUpload(MultipleInstance):
     super().__init__(parent, _id=_id, **kwargs)
     self.commands = Commands(self)
     self._state = FileUploadState(self)
+    self._state.ns_on_ok = None
+  
+  def set_on_ok(self, callback):
+    self._state.ns_on_ok = callback
   
   def upload_file(self, file: UploadFile):
     logger.debug(f"upload_file: {file=}")
     if file:
       self._state.ns_file_content = file.file.read()
+      self._state.ns_file_name = file.filename
       self._state.ns_sheets_names = self.get_sheets_names(self._state.ns_file_content)
       self._state.ns_selected_sheet_name = self._state.ns_sheets_names[0] if len(self._state.ns_sheets_names) > 0 else 0
     
@@ -75,7 +82,9 @@ class FileUpload(MultipleInstance):
   
   def get_content(self):
     return self._state.ns_file_content
-    
+  
+  def get_file_name(self):
+    return self._state.ns_file_name
   
   @staticmethod
   def get_sheets_names(file_content):
@@ -104,7 +113,7 @@ class FileUpload(MultipleInstance):
         self.mk_sheet_selector(),
         cls="flex"
       ),
-      mk.dialog_buttons(),
+      mk.dialog_buttons(on_ok=self._state.ns_on_ok, on_cancel=self._state.ns_on_cancel),
     )
   
   def __ft__(self):

src/myfasthtml/controls/TabsManager.py

@@ -164,13 +164,14 @@ class TabsManager(MultipleInstance):
     self._add_or_update_tab(tab_id, label, component, activate)
     return tab_id
   
-  def show_tab(self, tab_id, activate: bool = True, oob=True):
+  def show_tab(self, tab_id, activate: bool = True, oob=True, is_new=True):
     """
     Send the tab to the client if needed.
     If the tab was already sent, just update the active tab.
     :param tab_id:
     :param activate:
     :param oob: default=True so other control will not care of the target
+    :param is_new: is it a new tab or an existing one?
     :return:
     """
     logger.debug(f"show_tab {tab_id=}")
@@ -190,7 +191,9 @@ class TabsManager(MultipleInstance):
       logger.debug(f"  Content not in client memory. Sending it.")
       self._state.ns_tabs_sent_to_client.add(tab_id)
       tab_content = self._mk_tab_content(tab_id, content)
-      return self._mk_tabs_controller(oob), self._mk_tabs_header_wrapper(), self._wrap_tab_content(tab_content)
+      return (self._mk_tabs_controller(oob),
+              self._mk_tabs_header_wrapper(),
+              self._wrap_tab_content(tab_content, is_new))
     else:
       logger.debug(f"  Content already in client memory. Just switch.")
       return self._mk_tabs_controller(oob)  # no new tab_id => header is already up to date
@@ -204,7 +207,7 @@ class TabsManager(MultipleInstance):
     
     self._add_or_update_tab(tab_id, label, component, activate)
     self._state.ns_tabs_sent_to_client.discard(tab_id)  # to make sure that the new content will be sent to the client
-    return self.show_tab(tab_id, activate=activate, oob=True)
+    return self.show_tab(tab_id, activate=activate, oob=True, is_new=False)
   
   def close_tab(self, tab_id: str):
     """
@@ -359,11 +362,15 @@ class TabsManager(MultipleInstance):
       cls="dropdown dropdown-end"
     )
   
-  def _wrap_tab_content(self, tab_content):
-    return Div(
-      tab_content,
-      hx_swap_oob=f"beforeend:#{self._id}-content-wrapper",
-    )
+  def _wrap_tab_content(self, tab_content, is_new=True):
+    if is_new:
+      return Div(
+        tab_content,
+        hx_swap_oob=f"beforeend:#{self._id}-content-wrapper"
+      )
+    else:
+      tab_content.attrs["hx-swap-oob"] = "outerHTML"
+      return tab_content
   
   def _tab_already_exists(self, label, component):
     if not isinstance(component, BaseInstance):