artroot/form-tools

通过模板简单克隆节点插件

维护者

详情

github.com/artroot/form-tools

主页

源代码

问题

安装: 8

依赖: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 0

开放问题: 0

语言:JavaScript

dev-master 2018-10-31 23:04 UTC

MIT 0ce050529021f9324b287210f847ae3ce5e79dbf

formtoolsclonecloneNode

This package is not auto-updated.

Last update: 2024-09-24 16:26:34 UTC

README

通过模板简单克隆节点。

  • 声明式定义绑定和规则的样式；
  • 模板的灵活性。

当您需要在使用输入表单时生成字段（例如大量用户/项目），请尝试使用formTools。

示例

克隆模式属性描述

  • cp-init - 表单或块的初始化区域；
  • cp-options - 选项和规则列表；
  • cp-viewport - 将克隆节点添加的区域；
  • cp-template - 克隆模板；
  • cp-inputs - 输入字段区域，其中将插入数据；
  • cp-add - 添加克隆节点的按钮；
  • cp-rm - 删除节点按钮
  • cp-counter - 节点计数器

只需遵循此结构

<form cp-init="userList" cp-options="{minNode:1}">
	<span cp-add>Clone</span>
	<div cp-viewport>
		<div cp-template>
			<div cp-inputs>
	  			<label cp-counter>1</label>
	    			<input type="text" name="name[]">
	    			<input type="email" name="email[]">
	    			<span cp-rm></span>
			</div>
		</div>
	</div>
</form>

更多示例和文档可以在我的网站上查看 https://docs.artsemenishch.com.ua/projects/js/form-tools/

安装

使用composer

composer require artroot/form-tools

常规设置

要安装formTools，只需下载form-tools.min.js脚本并将其添加到您的head标签中。

<script src="path/to/form-tools.min.js"></script>

或使用这些链接。

<script src="https://libs.artsemenishch.com.ua/js/form-tools/form-tools.min.js"></script>

许可协议

本项目采用MIT许可协议 - 详细信息请参阅LICENSE文件。