形式生成器 一个简单的构建器,可帮助您为功能/模块/站点生成超级表单,...易于使用,创建,升级,维护......在可以使用Vue-Form-Builder时,为什么需要对表单进行编码?通过一些额外的步骤来渲染它:D 好处: 开发中的代码更少(无需自己执行<form>
<input> ....
</form> ) 易于维护,将来可以更新您的表格。 使用超级友好的UI / UX设置表单。 可扩展性(您的自定义控件,样式等) 表格验证? 我懂你了 包括HTML5结构,无花招。 不再包含JQUERY 给这个仓库 :star: (星号),如果您实际上喜欢这个,并且可能在您的项目中使用它:D! 谢谢! 如果遇到任何错误或问题,请随时打开一个问题。 谢谢。 演示版 在线演示: 演示表格(现实生活中的示例): 回购: : 支持的浏览器 最新的 :check_mark: 最新的 :check_mark:
2024-01-12 16:46:30 783KB demo vuejs vue drag-and-drop
1
Tempo 基于angular版本开发, 项目截图 ! DEMO数据存储在IndexedDB,不要清除本地缓存:cookie及其他网站数据 ! 商业开发请开发对应后台服务 下载 前端 git clone https://github.com/bojue/Web-Editor.git cd Web-Editor npm install 运行 默认运行命令,需要服务端支持,也就是所以tag v0.1.0之后的版本,请先下载 并完成服务端启动。 npm run dev //or npm run start 使用说明 功能列表 拖拽创建组件 页面管理 元素列表 样式绑定 快捷键 预览 项目管理 服务器支持 (仅v0.1.0支持) IndexDB 快捷键 名称 快捷键 拷贝 control+ c 复制 control+ v 删除 delete 位置 上,下,左,右键 开发文档 编辑器代码组织 .
2023-01-23 18:06:57 2.57MB editor drag-and-drop indexdb angular8
1
React表可拖动的列 用于可拖动列的ReactTable HOC 高阶组件,使Draggable列可用于重新排序或交换头寸。 *注意:此版本支持React Table V6。 文献资料 安装 npm install --save react-table-hoc-draggable-columns 用法 import ReactTable from 'react-table' ; import "react-table/react-table.css" ; import withDraggableColumns from 'react-table-hoc-draggable-columns' ; import 'react-table-hoc-draggable-columns/dist/styles.css' ; const ReactTableDraggableColumns =
2022-10-31 12:07:09 630KB react drag-and-drop higher-order-component hoc
1
主要介绍了python GUI库图形界面开发之PyQt5控件数据拖曳Drag与Drop详细使用方法与实例,需要的朋友可以参考下
1
Web Designer 项目部分截图 页面设计区 页面预览 图表样式设置可视化配置 图表样式设置代码编辑 组件事件配置 组件联动事件配置 简介: 项目使用了Vue进行开发 网页设计器图形化工具,目前内置ElementUi组件库 一键生成网页代码,支持进行二次开发 通过拖拽左侧组件图标,放置中间画布区,进行页面排版,设计区右侧面板可以对组件属性进行设置 点击右侧顶部保存按钮(数据保存在本地浏览器localStorage)可以进行数据保存 点击右侧顶部预览按钮,可以对页面布局进行预览 点击右侧顶部发布按钮,会调用设计器后台服务进行页面生成和代码生成,生成完成之后会在项目根目录生成runtime/vue_cli_3.x-master文件夹,里面的代码可以进行二次开发(基于 vue cli 3.x 版本) 默认发布完成之后,会打开命令行工具进行项目初始化(npm install)和打开项目(np
2022-03-21 15:26:29 13.26MB vue js drag-and-drop vue-cli
1
砖块设计 快照 描述 基于React组件之间的原始约束设计,还原真实开发中组件编码过程,所见即所得。当前版本还在开发中,新功能持续更新.....欢迎关注! :package: 安装 yarn add @brickd/react @brickd/react-web @brickd/render 要么 npm install @brickd/react @brickd/react-web @brickd/render 用法 import { createElement } from ' react ' ; import { BrickDesign , BrickTree , BrickProvider ,
2021-09-27 17:49:31 5.18MB react typescript drag-and-drop page-builder
1
read-dnd 嵌套使用 不做具体react-dnd的api讲解,如有需要请查看官网文档,描述很清晰。 需求背景 左侧是物料区,各个可以拖拽的小组件 右侧为编辑区,可以将组件拖进去组成页面 右侧编辑区内已拖拽的小组件可以在内部继续拖拽进行排序 技术栈 react、react-dom、mobx、mobx-react、react-dnd 实现逻辑 数据结构设计 属性 类型 说明 id Number 组件id(根据规则自动生成) type String 组件类型 childrens Array 组件下面包含的子组件 // 数据示例如下: [ { id: 1, type: 'View', childrens: [ { id: 345, type: 'Bu
2021-09-18 10:43:55 2.92MB react drag-and-drop react-dnd JavaScript
1
砖块设计 快照 描述 基于React组件之间的原始约束设计,还原真实开发中组件编码过程,所见即所得。当前版本还在开发中,新功能持续更新.....欢迎关注! :package:安装 yarn add @brickd/react @brickd/react-web @brickd/render 或者 npm install @brickd/react @brickd/react-web @brickd/render 用法 import { createElement } from 'react' ; import { BrickDesign , BrickTree , BrickProvider , useSelector , createActions , PROPS_TYPES } from '@brickd/react' ; import { BrickPreview } from '@brickd
2021-08-17 10:21:23 5.2MB react typescript drag-and-drop page-builder
1
PyTrader-python-mt4-mt5-交易api-connector-drag-n-drop-master
2021-07-26 22:15:04 2KB
1
拖放 - 角度。 角度指令拖放。 ###
2021-07-10 12:04:01 3KB JavaScript
1