tavicu/bootstrap-confirmation
最新稳定版本:1.0.7
Composer 安装命令:
composer require tavicu/bootstrap-confirmation
包简介
Confirmation plugin compatible with Twitter Bootstrap 3 extending Popover
README 文档
README
This is a fork of ethaizone's original code
with some help from jibe914 and MisatoTremor
Confirmation plugin compatible with Twitter Bootstrap 3 extending Popover
Usage
Create your button or link with the data-toggle="confirmation".
<a href="http://google.com" class="btn" data-toggle="confirmation">Confirmation</a>
Enable plugin via JavaScript:
$('[data-toggle="confirmation"]').confirmation();
Add options when initialized:
<a href="http://google.com" class="btn" data-toggle="confirmation">Confirmation</a>
$('[data-toggle="confirmation"]').confirmation({
placement: 'left'
});
Enable plugin on class instead of data attribute
<a href="http://google.com" class="btn bs-confirmation">Confirmation</a>
$('.bs-confirmation').confirmation();
Options
In addition to the standard bootstrap popover options, you now have access to the following options
| Name | Type | Default | Description |
|---|---|---|---|
| title | string | function | 'Are you sure?' | Default title value if none of these attribute isn't present (data-confirmation-title, data-title, title). |
| btnOkClass | string | function | 'btn btn-sm btn-danger' | Class of confirm button. Default value if data-btn-ok-class attribute isn't present. |
| btnOkLabel | string | function | 'Delete' | Label of confirm button. Default value if data-btn-ok-label attribute isn't present. |
| btnOkIcon | string | function | 'glyphicon glyphicon-ok' | Icon of confirm button. Default value if data-btn-ok-icon attribute isn't present. |
| btnCancelClass | string | function | 'btn btn-sm btn-default' | Class of cancel button. Default value if data-btn-cancel-class attribute isn't present. |
| btnCancelLabel | string | function | 'Cancel' | Label of cancel button. Default value if data-btn-cancel-label attribute isn't present. |
| btnCancelIcon | string | function | 'glyphicon glyphicon-remove' | Icon of cancel button. Default value if data-btn-cancel-icon attribute isn't present. |
| singleton | boolean | true | Set true to allow only one confirmation to show at a time. |
| popout | boolean | true | Set true to hide the confirmation when user clicks outside of it. |
| onShow | function | function(event, element) {} | Callback when popup show. |
| onHide | function | function(event, element) {} | Callback when popup hide. |
| onConfirm | function | function(event, element) {} | Callback when confirm button is pressed. |
| onCancel | function | function(event, element) {} | Callback when cancel button is pressed. |
Events
| Event Type | Description |
|---|---|
| show.bs.confirmation | This event fires immediately when the show instance method is called. |
| shown.bs.confirmation | This event is fired when the confirmation has been made visible to the user (will wait for CSS transitions to complete). |
| hide.bs.confirmation | This event is fired immediately when the hide instance method has been called. |
| hidden.bs.confirmation | This event is fired when the popover has finished being hidden from the user (will wait for CSS transitions to complete). |
| inserted.bs.confirmation | This event is fired after the show.bs.confirmation event when the popover template has been added to the DOM. |
| confirm.bs.confirmation | This event is fired when the user click confirmation button. |
| cancel.bs.confirmation | This event is fired when the user click cancel button. |
$('[data-toggle="confirmation"]').on('confirm.bs.confirmation', function () {
// do something…
})
Copyright and license
Copyright (C) 2013 bootstrap-confirmation
Licensed under the MIT license.
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
tavicu/bootstrap-confirmation 适用场景与选型建议
tavicu/bootstrap-confirmation 是一款 基于 HTML 开发的 Composer 扩展包,目前已累计 140 次下载、GitHub Stars 达 168, 最近一次更新时间为 2014 年 12 月 18 日, 在 PHP 生态内属于活跃度较高的组件。
它主要适用于以下技术方向: 「bootstrap」 「confirmation」 「bootstrap confirmation」 「bootstrap dialog」 等业务场景。在实际项目中,围绕这些方向常见需要落地的问题包括:接口对接、性能调优、并发安全、与既有框架(Laravel / ThinkPHP / Yii / Webman 等)的兼容适配,以及生产环境的日志埋点与稳定性保障。
我们在过去多个企业项目中使用过 tavicu/bootstrap-confirmation 或与其功能相近的方案,如果你在选型或落地过程中遇到问题,例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查,欢迎联系我们协助评估。
基于 tavicu/bootstrap-confirmation 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。
线上偶发问题、内存泄漏、慢查询、并发异常等排查修复;针对高流量场景做缓存、队列、索引层面的调优。
承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维;也可按月提供技术保姆服务。
与 tavicu/bootstrap-confirmation 相关的其它包
同方向 / 同关键字的高下载量 PHP Composer 包推荐,方便对比选型:
ConfirmationField is a form field for Atk14 applications. It's like the BooleanField (checkbox) but the ConfirmationField must be ticked.
Send events to a websocket real time engine though PHP
Custom fields for Kirby's add dialog. This plugin allows to define the fields shown on the page add dialog in a page's blueprint.
Symfony bundle to require the user to confirm her update email address by clicking on a link sent to the new address. This should be part of the FriendsOfSymfony/UserBundle, but was not accepted as new feature by a maintainer.
Views for the package MedicOneSystems Livewire Datatables with Bootstrap 4
Send events to a websocket real time engine though PHP
统计信息
- 总下载量: 140
- 月度下载量: 0
- 日度下载量: 0
- 收藏数: 168
- 点击次数: 16
- 依赖项目数: 0
- 推荐数: 0
其他信息
- 授权协议: MIT
- 更新时间: 2014-12-18