在 Silverstripe CMS 3.1 的 OptionsetField 中创建自定义字段

Question

我想从一些预定义的值中选择我的日历事件的类型，但如果未列出，则创建一个新的（自定义）类型。

所以我在 $db 中创建了这个字段，如下所示： '类型' => 'Varchar', 'EventCustomType' => 'Varchar'

然后，在 getCMSFields() 我有：

$f->addFieldsToTab("Root.Main", $eventType = new OptionsetField(
            'Type',
            _t('CalendarEvent.EVENTTYPE','Type'),
            array (
                'music'  => _t('CalendarEvent.MUSIC','Music'),
                'sport'  => _t('CalendarEvent.SPORT','Sport'),
                'drama'  => _t('CalendarEvent.DRAMA','Drama'),
                'custom' => TextField::create('EventCustomType','Event type')
            )
        )
    );

问题是我不知道如何在 Textareafield 之前插入标签“自定义”并将它们设置在同一行中。

另外，我不确定是否需要为自定义字段设置第二个字段。我可以在“类型”字段中插入自定义值或验证它吗？

感谢您的任何建议

Answer 1

这可以通过为“EventCustomType”设置一个单独的字段来实现，然后使用Display Logic 以类似...的方式显示它

$eventType = OptionsetField::create(
    'Type',
    _t('CalendarEvent.EVENTTYPE','Type'),
    array (
    'music'  => _t('CalendarEvent.MUSIC','Music'),
    'sport'  => _t('CalendarEvent.SPORT','Sport'),
    'drama'  => _t('CalendarEvent.DRAMA','Drama'),
    'custom' => _t('CalendarEvent.CUSTOM','Custom'),
    )
);

$fEventCustomType = TextField::create('EventCustomType','Event type')
    ->displayIf('Type')->isEqualTo('custom');

$f->addFieldsToTab("Root.Main", array($eventType,$fEventCustomType));

如果您想拯救This module 作为替代方案，那么您可以创建它以保存到一个字段中，因为它旨在按照您的要求执行...但它有一个错误（我上次尝试）所以仅供参考。

Answer 2

最后，我用单独的字段弄清楚了：

    $eventType = OptionsetField::create(
        'Type',
        _t('CalendarEvent.EVENTTYPE','Type'),
        array (
        'music'  => _t('CalendarEvent.MUSIC','Music'),
        'sport'  => _t('CalendarEvent.SPORT','Sport'),
        'drama'  => _t('CalendarEvent.DRAMA','Drama'),
        'custom' => _t('CalendarEvent.CUSTOM','Custom'),
        )
    );

    $customEventType = TextField::create('EventCustomType','Custom type');

    $f->addFieldsToTab("Root.Main", array($eventType,$customEventType));

和 jQuery：

$('#Root_Main').entwine({
    onmatch: function(){
        var $tab = this.closest('.tab');
        var $eventType = $tab.find('ul.eventType');
        var $customType = $tab.find('.customEventType').hide();

        if($eventType.find('input:checked').val() == 'custom'){
            $customType.show();
        }

        $eventType.find('input').change(function(){
            if($(this).val() == 'custom'){
                $customType.show();
            }else{
                $customType.hide();
            }
        });
    }
});