定制 otago/autocomplete-suggest-field 二次开发

按需修改功能、优化性能、对接业务系统,提供一站式技术支持

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

otago/autocomplete-suggest-field

Composer 安装命令:

composer require otago/autocomplete-suggest-field

包简介

Autocomplete Suggestion Field

关键字:

README 文档

README

Autocomplete dropdown in action

Enhance your forms with a dynamic auto-complete dropdown that allows for custom data sources, making it easier to integrate external APIs or custom search methods.

Why Use This?

Flexible & Powerful – Works with Varchar, Text, has_one, and even many_many relationships.
Simple & Clean – Uses closures for a neat, efficient search method without complex controllers.
Customizable – Supports external APIs, hardcoded arrays, and SilverStripe relationships.

Examples

Data must be returned in a 'value' 'label' key pair.

Using an External API (e.g., Microsoft Graph)

If you're fetching data from an external API, like Microsoft Graph, you can structure your search method as follows:

// 'Team' is a Varchar field in my DataObject.
$suggestedTeam = AutocompleteSuggestField::create('Team', 'Team', function ($search) {
    $result = AzureIntegration::request(
        "https://graph.microsoft.com/beta/groups?\$filter=startswith(displayName%2C'$search')&select=description,displayName,id&\$top=10",
        'GET'
    );

    $arrayList = [];
    foreach ($result->Data()?->value as $searchResult) {
        $arrayList[] = [
            'value' => $searchResult->id,
            'label' => $searchResult->displayName,
        ];
    }
    
    return $arrayList;
}, $this->Team, 'Name');

$fields->addFieldToTab('Root.Main', $suggestedTeam);

Using a Hardcoded Array (e.g., has_one Relationship)

Need a simple dropdown with predefined options? This example saves against a Member has_one relationship:

// 'Member' is a has_one relationship
$favoriteMember = AutocompleteSuggestField::create('MemberID', 'Favorite Member', function ($search) {
    return [
        [ 'value' => 1, 'label' => 'Torleif'],
        [ 'value' => 80, 'label' => 'Alastair'],
    ];
});

Using a many_many Relationship

Want multi-selection? This works with many_many relationships using setIsMultiple(true), allowing multiple selections.

$myTeam = AutocompleteSuggestField::create('Members', 'Members', function ($search) {
    return [
        [ 'value' => 1, 'label' => 'Bobby Lee'],
        [ 'value' => 80, 'label' => 'Van Halen'],
    ];
}, $this->Members())->setIsMultiple(true);

Compatibility

  • SilverStripe 5+ – Use this package for the latest version.
  • SilverStripe 4.* – Use version 4.0.
  • SilverStripe 3.* – Use version 3.0.

For DataObjects in SilverStripe 5.2+, consider using the built-in SearchableDropdownField for simpler internal searches.

Installation

Install via Composer:

composer require otago/autocomplete-suggest-field

Features

  • Custom Autocomplete – Define what data appears in the dropdown.
  • User-Friendly Labels – Display meaningful names instead of raw database IDs.
  • CMS-Friendly – Keeps your admin panel clean and intuitive.

Running Tests

Ensure everything works correctly with:

vendor/silverstripe/framework/sake dev/tests/AutocompleteSuggestTest

Now you're all set to implement a powerful and flexible autocomplete dropdown in your SilverStripe project! 🚀

otago/autocomplete-suggest-field 适用场景与选型建议

otago/autocomplete-suggest-field 是一款 基于 JavaScript 开发的 Composer 扩展包,目前已累计 9.71k 次下载、GitHub Stars 达 8, 最近一次更新时间为 2018 年 07 月 13 日, 在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向: 「silverstripe」 等业务场景。在实际项目中,围绕这些方向常见需要落地的问题包括:接口对接、性能调优、并发安全、与既有框架(Laravel / ThinkPHP / Yii / Webman 等)的兼容适配,以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 otago/autocomplete-suggest-field 或与其功能相近的方案,如果你在选型或落地过程中遇到问题,例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查,欢迎联系我们协助评估。

围绕 otago/autocomplete-suggest-field 我们能提供哪些服务?
定制开发 / 二次开发

基于 otago/autocomplete-suggest-field 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复;针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维;也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ:316430983 微信:yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

统计信息

  • 总下载量: 9.71k
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 8
  • 点击次数: 8
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 8
  • Watchers: 2
  • Forks: 4
  • 开发语言: JavaScript

其他信息

  • 授权协议: BSD-3-Clause
  • 更新时间: 2018-07-13