feat: Add support for selected rows data handling in TabsWidget
- Introduced new props for managing selected rows data, enabling better interaction with tab components. - Added `selectedRowsData` and `onSelectedRowsChange` callbacks to facilitate row selection and updates. - Enhanced the TabsWidget functionality to improve user experience when interacting with tabbed content.
This commit is contained in:
parent
56d069f853
commit
5c6efa861d
|
|
@ -26,6 +26,15 @@ interface TabsWidgetProps {
|
||||||
isDesignMode?: boolean;
|
isDesignMode?: boolean;
|
||||||
onComponentSelect?: (tabId: string, componentId: string) => void;
|
onComponentSelect?: (tabId: string, componentId: string) => void;
|
||||||
selectedComponentId?: string;
|
selectedComponentId?: string;
|
||||||
|
// 테이블 선택된 행 데이터 (버튼 활성화 및 수정/삭제 동작에 필요)
|
||||||
|
selectedRowsData?: any[];
|
||||||
|
onSelectedRowsChange?: (
|
||||||
|
selectedRows: any[],
|
||||||
|
selectedRowsData: any[],
|
||||||
|
sortBy?: string,
|
||||||
|
sortOrder?: "asc" | "desc",
|
||||||
|
columnOrder?: string[],
|
||||||
|
) => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function TabsWidget({
|
export function TabsWidget({
|
||||||
|
|
@ -38,6 +47,8 @@ export function TabsWidget({
|
||||||
isDesignMode = false,
|
isDesignMode = false,
|
||||||
onComponentSelect,
|
onComponentSelect,
|
||||||
selectedComponentId,
|
selectedComponentId,
|
||||||
|
selectedRowsData,
|
||||||
|
onSelectedRowsChange,
|
||||||
}: TabsWidgetProps) {
|
}: TabsWidgetProps) {
|
||||||
const { setActiveTab, removeTabsComponent } = useActiveTab();
|
const { setActiveTab, removeTabsComponent } = useActiveTab();
|
||||||
const {
|
const {
|
||||||
|
|
@ -345,6 +356,8 @@ export function TabsWidget({
|
||||||
menuObjid={menuObjid}
|
menuObjid={menuObjid}
|
||||||
isDesignMode={isDesignMode}
|
isDesignMode={isDesignMode}
|
||||||
isInteractive={!isDesignMode}
|
isInteractive={!isDesignMode}
|
||||||
|
selectedRowsData={selectedRowsData}
|
||||||
|
onSelectedRowsChange={onSelectedRowsChange}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue