Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JavaFX如何实现动态添加组件?

JavaFX如何实现动态添加组件?

提问于 2018-10-15 06:05:01
回答 3关注 0查看 2.6K

点击增加按钮后实现红框内容增加一行。如何实现,希望有简单的demo,第一次用FX。我是基于fxml开发的。

回答 3

用户8005184

修改于 2021-01-30 03:01:51

可以采用Vbox布局

https://www.yiibai.com/javafx/javafx_vbox.html,看最后一个例子就行。

这是我程序中添加的代码,我是结合VBox和HBox一起使用的。你自己要根据自己的需求来。

代码语言:js
AI代码解释
复制
    //点击添加时间
    @FXML
    void addtimecustom(MouseEvent event) {
        //理论上来说,下面这种方式应该也是可以的,但是不知道为什么就是出不来效果
        //AnchorPane time1 = new AnchorPane(timecustom);
        //timebox.getChildren().add(time1);

        HBox timeall = new HBox();

        TextField time = new TextField();
        time.setPrefHeight(6.0);
        time.setPrefWidth(40.0);
        time.setLayoutY(2.0);
        timeall.getChildren().add(time);

        Label time1 = new Label("  : ");
        time1.setLayoutX(53.0);
        time1.setLayoutY(-2.0);
        time1.prefHeight(28.0);
        time1.setPrefWidth(19.0);
        timeall.getChildren().add(time1);

        TextField time2 = new TextField();
        time2.setPrefHeight(6.0);
        time2.setPrefWidth(40.0);
        time2.setLayoutY(2.0);
        timeall.getChildren().add(time2);

        timebox.setSpacing(10.0);
        timebox.getChildren().add(timeall);
    }

效果:

效果图
效果图

Link

发布于 2020-11-13 00:30:52

请问老哥有demo了嘛?我也遇到了相同的情况

心尚未夜

发布于 2018-10-15 07:01:07

用JavaScript去实现吧,在前端去实现点击增加一行,最后post参数到服务器即可。

和开发者交流更多问题细节吧,去 写回答
相关文章
JavaFX实现列表添加图片
ListView<Object> contentlist; List<Object> contentLabelList = new ArrayList<>(); SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); contentLabelList.add(sdf.format(new Date(System.currentTimeMillis())) + ":"); ImageView imageView = new ImageView(); Image image = new Image("file:C://chat/1.gif"); imageView.setImage(image); contentLabelList.add(imageView); ObservableList<Object> strList = FXCollections.observableArrayList(contentLabelList); contentlist.setItems(strList);
用户4191150
2021/05/25
7.1K1
JavaFX实现列表添加图片
第30篇:swing组件添加javafx的webview浏览器组件方法
Swing是一个用于开发java图形界面程序的工具包,一直用着挺顺手的,美中不足就是没有好用的浏览器组件,只能引用第三方jar包,比如说JxBrowser、DJ Native Swing等,但是都不能满足我的需要。javafx中的webview浏览器组件非常好用,又是jdk官方出品的,非常稳定。目前看来拖拽swing组件最好用的工具应该是netbeans,可惜netbeans不支持拖拽webview这个图形控件。后续经过一系列测试,找到了一个简单的在netbeans拖拽图形控件的同时,实现swing调用webview组件的简单方法,而且代码量很少。
ABC_123
2022/12/06
3.2K0
第30篇:swing组件添加javafx的webview浏览器组件方法
如何实现动态添加的元素添加点击事件
在页面开发过程中常常遇到需要动态添加元素,然后给这一元素绑定相关事件的情况,这种情况下一般需要给元素加上相关属性,然后写这些元素的事件函数即可。动态添加的元素怎么绑定事件呢?
前端老道
2022/03/29
4.6K0
React动态添加标签组件
在前端开发的过程中,一些表单的输入经常需要输入多个内容,如果采用一个输入框+逗号分隔的方式,展示起来不是很清晰,一般需要采用标签的方式
zx钟
2023/09/12
6920
React动态添加标签组件
extjs 为组件动态添加插件
某些插件使用此方法添加会无法生效,例如: grid的拖拽插件Ext.grid.plugin.RowDragDrop,Ext.grid.plug.TreeDragDrop 源码分析:
路过君
2020/09/02
1.1K0
Vue动态添加和删除组件的实现,子组件和父组件的传值实例演示
下面的卡片就是我单独封装的组件,保存的组件名为 Card.vue,代码中 mdb 开头是 MDBootstrap 框架里的组件。 内容较多,这里主要关注的点就是删除按钮还有给父组件传值的方法。 <mdb-btn color="primary" @click="remove_son">删除</mdb-btn> 是删除按钮。 绑定方法里的 this.$emit("remove_father"); 是用来给父组件传值的,remove_father 是父组件的方法名。
小蓝枣
2023/02/26
2.2K0
Vue动态添加和删除组件的实现,子组件和父组件的传值实例演示
jquery实现表格动态添加
//点击追加触发 $(function(){ $("#button").click(function(){ var div_ = $("#sel").val(); var context = $("#context").val(); append(div_,context); //$("#tab tr:not(:first)").remove(); //$("#tab tbody").empty(); $("#tab tbody").remove(); query(); }); }); //点击查询全部触发 $(function(){ $("#but").click(function(){ $("#tab tbody").remove(); //$("#tab tr:not(:first)").remove(); //$("#tab tbody").empty(); query(); }); }); //点击模糊查询触发 $(function(){ $("#query").click(function(){ var context = $("#context").val(); alert("您输入的内容为:"+context); $("#tab tr:not(:first)").empty(); //$("table tbody").remove(); queryByContext(); }); }); //删除事件 function del(id){ var url = "testController/delModel"; $.ajax({ type: 'POST', url: url, data:{id: id}, dataType: 'json', success: function(data){ alert("数据库删除成功"); $("#tab tr:not(:first)").empty(); query(); }}); }; //编辑事件 function upd(id){ var url = ""; $.ajax({ type: 'POST', url: url, data:{id: id}, dataType: 'json', success: function(data){ alert("数据库编辑成功"); $("#tab tr:not(:first)").empty(); query(); }}); } //添加方法 function append(div_,context){ $("#"+div_).append("<tr><td>"+ div_ +"</td>"+"<td>"+context+"</td></tr>"); $.get("testController/addModel",{div_id: div_, context: context }).done(function( data ) { alert("添加到数据库成功"); }); }; //模糊查询方法 function queryByContext(){ var url = "testController/queryAllDataByContext"; $.ajax({ type: 'POST', url: url, data:{context:$("#context").val()}, dataType: 'json', success: function(data){ alert("数据库查询成功"); console.log(data); for(var i=0;i<data.length;i++){ var id = data[i].id; var divId = data[i].divId; var context = data[i].context; var dtt = data[i].dtt; //alert(id); $("#tab thead").append("<tr><td>"+id+"</td>"+"<td>"+divId+"</td>"+"<td>"+context+"</td>"+"<td>"+dtt+"</td>"+"<td><a class='del'onclick='del("+id+")'>删除</a></td></tr>"); } }, error:function(){ alert("数据库查询失败"); } }); }; //查询全部方法 function query(){ var url = "testController/queryAllData"; $.ajax({ type: 'POST', url: url, dataType: 'json', success: function(data){ alert("查询成功"); con
yaohong
2019/09/11
3.7K0
Flash/Flex学习笔记(3):动态添加组件
Flash中一个fla文件可以关联到一个as文件,这个有点类似于asp.net中的code behind. 可参考以下图操作: 注: 1.as文件的类名与文件名要求一样,并且默认情况下必须与fla处
菩提树下的杨过
2018/01/23
9060
Flash/Flex学习笔记(3):动态添加组件
Vue实战案例(form表单动态添加组件)
  今天我们来给大家介绍下在Vue开发中我们经常会碰到的一种需求场景,就是在form中我们需要动态的增加组件模块,效果如下:
用户4919348
2019/08/30
7.9K0
Vue实战案例(form表单动态添加组件)
[Vue源码剖析]如何实现组件
官网上关于组件继承分为两大类,全局组件和局部组件。无论哪种方式,最核心的是创建组件,然后根据场景不同注册组件。
娜姐
2021/01/14
6640
UIkit 分页组件动态加载简单实现
1. 问题描述 ---- 使用过UIkit分页组件的都清楚,UIkit的分页不能动态刷新数据,也就是不能在点击下一页的时候,动态从后台加载数据,并且刷新页数以及该页数上的数据,下面是一个简单实现,没有做任何优化,可以参考一下。 2. pagination.js ---- 动态修改页码的实现 // 改变页码 // obj: 页码ul对象, items: 记录总数量, itemsOnePage: 每页展示的数量, curPageNum: 当前所在页数 function changePagination(obj,
山海散人
2021/03/03
7740
Oracle 动态添加分区的实现方法
在数据处理过程中,通常对于数据比较大的表进行分区管理,而分区的依据往往是数据日期,每一天或者每几天数据存储在一个指定的分区中,当数据量一天天增加后,通过分区进行过滤,有利于快速查询某一天的数据。
星哥玩云
2022/08/17
1.7K0
JavaFX入门(二):JavaFX和FXML
在我的JavaFXML系列博客第一篇《JavaFX入门(一):我的第一个JavaFX程序 》中我们用纯Java代码写了一个很简单的JavaFXML程序,这一节中我们使用FXML编写程序界面,然后用Java书写后台逻辑完成上一节中的程序,实现相同的功能。
卡尔曼和玻尔兹曼谁曼
2019/01/22
9.4K0
JavaFX入门(二):JavaFX和FXML
如何实现动态数组
1.使用指针~~ 2.自己申请内存 例如:如第一块的代码,若想实现一个动态数组,必须写成二的部分,用完之后必须给free(); 必须加上头文件#include<malloc.h> 常用格式:
杨鹏伟
2020/09/11
9600
JavaFX入门(四):JavaFX布局(一)
说道GUI编程一定要谈到布局,JavaFX内置了大量的布局控件提供给我们使用。其实,JavaFX的布局控件和界面元素控件都是继承自javafx.scene.layout.Region类。我们这里只看布局控件类。布局控件我们在界面上一般是看不到的,它一个容器用于放置其它可视的界面元素控件。(JavaFX在线API文档:JavaFX8 API Online) JavaFX布局控件的类图如下:
卡尔曼和玻尔兹曼谁曼
2019/01/22
12.6K1
JavaFX入门(四):JavaFX布局(一)
如何在Vue中动态添加类名
能够向组件添加动态类名是非常强大的功能。它使我们可以更轻松地编写自定义主题,根据组件的状态添加类,还可以编写依赖于样式的组件的不同变体。
前端小智@大迁世界
2020/05/12
7.4K0
jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)
1:点击添加按钮弹出弹框,form表单可以填写相关的信息 2:点击保存按钮,相关信息会显示在界面的列表里
王小婷
2019/02/26
8K0
Vue组件之动态组件
动态组件:不同组件之间进行动态切换,通过 Vue 的 元素加一个特殊的 is attribute 实现 1. 基础使用 ---- component 的 is 属性值是组件名,就可以调用该组件 <component is="comb"></component> <div id="app"> <component is="comb"></component> </div> <script> var coma = { template: '<div>aaaa</div>' } var comb =
很酷的站长
2023/02/17
1.1K0
Vue组件之动态组件
ERP最新动态:在Winshuttle中如何实现SAPERP系统中附件的添加
通常,企业在运用ERP系统进行订单管理的同时,上传真实订单用于比对参考。在SAP的订单管理中,配有附件上传功能,可添加的附件有多种形式,如销售/采购订单、PDF文件、发票、注册证明等。以下以SAP中销售订单变更中如何添加附件为例,以此说明。
齐天大圣
2023/02/14
3.3K0
ERP最新动态:在Winshuttle中如何实现SAPERP系统中附件的添加
Vue 父组件向子组件传递动态参数,子组件如何实时更新[通俗易懂]
项目问题介绍:父组件中填入各种查询条件,点击查询按钮查出符合条件的数据。其中,数据列表是引入的子组件。第一次加载的时候,子组件数据正常显示,再次查询的时候子组件怎么实现实时更新呢?
全栈程序员站长
2022/07/29
7.1K0
Vue 父组件向子组件传递动态参数,子组件如何实时更新[通俗易懂]

相似问题

如何添加和删除动态表?

2413

javafx的tableview怎么实现由用户输入行和列?

1401

微搭如何用自定义组件实现刮刮卡效果?

058

云点播VOD如何实现添加弹幕播放?

0433

动态添加短信模板?

1538
相关问答用户
新浪微博 | 高级总监擅长4个领域
到家集团 | 技术VP擅长5个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档