it-for-free/jquery-useful-tools

嵌套表单字段组添加器

维护者

详细信息

github.com/it-for-free/jquery-useful-tools

主页

源代码

问题

安装: 4

依赖项: 0

建议者: 0

安全性: 0

星星: 1

关注者: 3

分支: 5

开放问题: 0

语言:JavaScript

v0.0.2 2019-01-22 15:33 UTC

MIT a5a1eca3315c9118addfca834bdf4e23596b6ac4

jquerypluginJShtmldomnested form filed inputs groups adder with attributes replace changing during clone

This package is auto-updated.

Last update: 2024-09-07 15:33:20 UTC

README

一组JQuery插件，包括用于处理复杂表单的插件 -- 对于嵌套实体（例如，实体之间的关系为“一对一”）复制字段组

使用（Usage）

一些插件仅依赖于jquery，而另一些则还依赖于jquery-ui，通常可以同时连接这三者，顺序如下

<script src="jquery.js"></script> 
<script src="jquery-ui.js"></script> 
<script src="dist/juts-min.js"></script>

JUTs的主要插件

以下描述了最复杂（最大）的插件，它们可能同时使用多个较简单的JUTs插件。简要介绍主要插件

  1. $.fromFiledsGroupAdderFromHiddenTemplate()从隐藏模板复制到父容器（挂载事件的对象）
  2. $.fn.parentInParentContainerDublicator()复制该按钮（链接）的父元素到更高一级的父元素。

其他JUTs插件

  • 插件getAttrFragment和getNameFragment允许提取类似以下格式的属性值片段
people[123][groups][34][2]

按编号（解析方括号）。例如，对于复杂表单中的name属性很有用。

  • isInputsEmpty() -- 检查给定元素的所有子字段是否为空（可以检查表单是否处于默认状态）
  • getInputType() -- 确定标签/输入的类型

npm的构建和其他操作

构建

npm run-script build

调试构建

npm run-script watch

@TODO

可能的改进（想法）

  • parentInParentContainerDublicator可以不替换原型中的特殊字符串（在替换属性值后），而是根本不使用原型（值模板的数据属性），只是指出要替换哪个顺序的名称片段。 (与已实施的想法类似，将模板值中的剩余特殊字符串替换为相应的实际值段，但那里每个段都需要特别检查是否为子串，这更复杂，包括使用在内)。

  • 可能可以放弃使用全局事件注册数组，而只是检查事件是否未绑定。

  • 可以从isInputsEmpty中提取一个单独的插件来检查特定输入的空值