it-for-free/jquery-useful-tools
Composer 安装命令:
composer require it-for-free/jquery-useful-tools
包简介
nested form filed groups adder
关键字:
README 文档
README
Набор JQuery-плагинов в том числе для работы со сложными формами -- дублирования групп полей для вложенных сущностей (например в случае, когда сущости относятся как "один ко многим")
Использование (Usage)
Некоторые плагины зависят только от jquery, другие ещё и от jquery-ui, в общем случае можно сразу подключать и то и то и сам JUTs в таком порядке:
<script src="jquery.js"></script> <script src="jquery-ui.js"></script> <script src="dist/juts-min.js"></script>
Основные плагины JUTs
Далее описаны наиболее сложные (крупные) плагины, которые в своей работе могут использовать сразу несколько более простых плагинов JUTs. Кратно об основных:
$.fromFiledsGroupAdderFromHiddenTemplate()копирует в родительский контейнер (на который и вешается событие) из скрытого шаблона$.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можно (и нужно)) выделить отдельный плагин для проверки на путстоту конткретного инпута
it-for-free/jquery-useful-tools 适用场景与选型建议
it-for-free/jquery-useful-tools 是一款 基于 JavaScript 开发的 Composer 扩展包,目前已累计 7 次下载、GitHub Stars 达 1, 最近一次更新时间为 2018 年 11 月 27 日, 在 PHP 生态内属于活跃度较高的组件。
它主要适用于以下技术方向: 「jquery」 「plugin」 「JS」 「html」 「dom」 「nested form filed inputs groups adder with attributes replace changing during clone」 等业务场景。在实际项目中,围绕这些方向常见需要落地的问题包括:接口对接、性能调优、并发安全、与既有框架(Laravel / ThinkPHP / Yii / Webman 等)的兼容适配,以及生产环境的日志埋点与稳定性保障。
我们在过去多个企业项目中使用过 it-for-free/jquery-useful-tools 或与其功能相近的方案,如果你在选型或落地过程中遇到问题,例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查,欢迎联系我们协助评估。
基于 it-for-free/jquery-useful-tools 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。
线上偶发问题、内存泄漏、慢查询、并发异常等排查修复;针对高流量场景做缓存、队列、索引层面的调优。
承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维;也可按月提供技术保姆服务。
与 it-for-free/jquery-useful-tools 相关的其它包
同方向 / 同关键字的高下载量 PHP Composer 包推荐,方便对比选型:
CakePHP 4.x AdminLTE Theme.
Texy converts plain text in easy to read Texy syntax into structurally valid (X)HTML. It supports adding of images, links, nested lists, tables and has full support for CSS. Texy supports hyphenation of long words (which reflects language rules), clickable emails and URL (emails are obfuscated again
Yii2 LightBox image galary widget uses Lightbox v2.10.0 by Lokesh Dhakar
HTML and form generation
This is a laravel 4 package for the server and client side of datatables at http://datatables.net/
A jQuery augmented PHP library for creating and validating HTML forms
统计信息
- 总下载量: 7
- 月度下载量: 0
- 日度下载量: 0
- 收藏数: 1
- 点击次数: 6
- 依赖项目数: 0
- 推荐数: 0
其他信息
- 授权协议: MIT
- 更新时间: 2018-11-27