Comments (3)
@DarkCTO This is an uncommon feature, try this demo:
import dash
from dash import html
import feffery_antd_components as fac
import feffery_utils_components as fuc
from dash.dependencies import Input, Output, MATCH
app = dash.Dash(__name__)
app.layout = html.Div(
[
fac.AntdTabs(
items=[
{
'label': fuc.FefferyDiv(
fac.AntdInput(
id={
'type': 'tab',
'index': i
},
value=f'tab{i}',
readOnly=True,
bordered=False,
style={
'width': 100
}
),
id={
'type': 'tab-container',
'index': i
}
),
'key': f'item{i}'
}
for i in range(1, 4)
],
type='editable-card'
)
],
style={
'padding': 25
}
)
@app.callback(
Output(
{
'type': 'tab',
'index': MATCH
},
'readOnly'
),
[
Input(
{
'type': 'tab-container',
'index': MATCH
},
'nDoubleClicks'
),
Input(
{
'type': 'tab-container',
'index': MATCH
},
'isHovering'
)
],
prevent_initial_call=True
)
def on_double_click(nDoubleClicks, isHovering):
if 'isHovering' in dash.ctx.triggered[0]['prop_id']:
if not isHovering:
return True
return dash.no_update
return False
if __name__ == '__main__':
app.run(debug=True)
from feffery-antd-components.
from feffery-antd-components.
drag and drop to change tab order is an advanced feature, there is no clear way to implement this now.
from feffery-antd-components.
Related Issues (20)
- AntdTable conditional formatting not working if set group headers HOT 2
- [TODO] 优化部分表单输入类组件已选值与选项值枚举范围不一致的问题 HOT 1
- [TODO] 重构底层组件源码参数注释,以支持新版官网基于__doc__自动生成参数说明
- [TODO] 基于zustand selector重构表单统一值搜集功能
- [TODO] 解决表单统一值搜集状态在表单项动态更新后,残留先前表单项键值对的问题
- [TODO] 新增一次性密码框组件AntdOTP
- [TODO] 优化表单统一值搜集性能,减少不必要的重绘
- [TODO]重构表单生成组件AntdFormRender
- [TODO] 基于zustand完善受控表单批量值相关逻辑
- [TODO] 特殊处理AntdForm对上传相关组件的values受控
- [TODO] 上传组件已上传文件信息暴露originFileObj
- AntdTable除了maxHeight参数调整以外有什么方式让我的表格无论在多大分辨率的显示器上都占满吗 HOT 1
- [TODO] 走马灯AntdCarousel新增箭头切换相关功能
- [TODO] 抽屉AntdDrawer新增loading状态功能
- [TODO] AntdButton功能增强
- [TODO] AntdTable行鼠标悬停效果可控
- [TODO] AntdParagraph省略支持展开和收起
- [TODO] 日期选择、时间选择相关组件新增needConfirm参数
- [TODO] 优化AntdTable各再渲染模式下对空值的渲染策略
- Table draggable rows
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from feffery-antd-components.