react
文章平均质量分 52
kongxx
这个作者很懒,什么都没留下…
展开
-
使用formio和react实现在线表单设计
访问 http://localhost:3000/ 即可看到效果。可以在页面的表单设计中拖动组件,然后在表单预览中查看效果。这里创建一个简单的页面组件,主要包括三部分,第一部分是表单设计器,第二部分是表单预览,第三部分是表单JSON数据。formiojs 是一个开源的在线表单设计工具,今天看看怎样在 react js 中使用 formiojs。另外,考虑样式等问题,还安装了下面几个依赖包。原创 2024-04-11 00:36:26 · 319 阅读 · 1 评论 -
React拖拽组件react-grid-layout实现表单设计
左边是个控件列表,这里只放了三个控件:input, password和select;这里的控件需要增加 draggable 属性,标识控件可拖拽,比如:Input</Button>右边是个布局区域,可以在上面拖拽摆放控件位置,使用 react-grid-layout 的 Responsive 实现。当每个左侧控件拖到这个区域后,将根据具体类型,展示位具体样式。下面看一下代码实现,首先初始化三个控件,用来默认摆放着右侧的布局区域内# 初始化三个控件。原创 2024-04-03 08:49:19 · 573 阅读 · 0 评论