dominus77/yii2-bootstrap-popover-picker

为 Yii2 渲染 Bootstrap Popover Picker 小部件。

维护者

详细信息

github.com/Dominus77/yii2-bootstrap-popover-picker

源代码

问题

安装: 6

依赖: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 0

开放问题: 0

语言：JavaScript

类型：yii2-extension

v2.0.0 2017-12-02 17:27 UTC

Requires

  • bower-asset/bootstrap-popover-picker: ~1.1.0
  • yiisoft/yii2: ~2.0.0

BSD-3-Clause 78f3b40aa6def024ce52e60141adb4f4ffad3316

  • Alexey Schevchenko <ivanovosity.woop@gmail.com>

bootstrapextensionwidgetpickeryii2popoverDominus77

This package is auto-updated.

Last update: 2024-09-16 07:45:50 UTC

README

Latest Stable Version License Total Downloads

为 Yii2 渲染 Bootstrap Popover Picker 小部件。

安装

通过 composer 安装此扩展是首选方式。

运行以下命令之一

php composer.phar require dominus77/yii2-bootstrap-popover-picker "*"

或

"dominus77/yii2-bootstrap-popover-picker": "*"

将以下内容添加到您的 composer.json 文件的 require 部分。

使用方法

扩展安装后，只需在代码中通过以下方式使用它

<?php
...
use dominus77\popoverpicker\PopoverPicker;
...
?>

<?= $form->field($model, 'popover')->widget(PopoverPicker::className(), []); ?>

客户端选项

<?php
use dominus77\popoverpicker\DemoAsset;

DemoAsset::register($this);
?>

<?= $form->field($model, 'popover')->widget(PopoverPicker::className(), [
    'clientOptions' => [
        'title' => 'Bootstrap Popover Picker', // Popover title (optional) only if specified in the template
        'items' => [
            "Sunday", "Monday", "Tuesday",
            "Wednesday", "Thursday",
            "Friday", "Saturday"
        ],
        'placement' => 'bottomRight',
        'updateComponentOnChange' => false,
        'selectedCustomClass' => 'btn-success demo-selected',
        'pickerItemClass' => 'demo-item-class',
        'component' => '.input-group-btn',
        'itemValueSelector' => 'span',
        'templates' => [
            'pickerItem' => '<div class="demo-item-class"><span></span></div>',
            'search' => '<input type="search" class="form-control picker-search" placeholder="Type to filter" />'
        ]
        ...
        // more see https://farbelous.github.io/bootstrap-popover-picker/
    ],
]); ?>

更多信息

请参阅 Bootstrap Popover Picker

许可证

BSD 许可证。有关更多信息，请参阅 许可证文件。