Изменение размера в зависимости от выпадающих элементов в Azure-Devops-UI - PullRequest
Новая
       42

Изменение размера в зависимости от выпадающих элементов в Azure-Devops-UI

0 голосов
/ 27 сентября 2019

Я пытаюсь разработать расширение для формы рабочего элемента в DevOps Azure с редактируемым раскрывающимся списком (https://developer.microsoft.com/en-us/azure-devops/components/editable-dropdown#freeform-editable-dropdown)), но раскрывающееся окно в iFrame слишком мало и его размер необходимо изменить при расширении раскрывающегося списка.Прямо сейчас, когда раскрывающийся список расширяется, он будет расширять iFrame, но затем, когда раскрывающийся список свернут, он сохранит тот же размер, когда снова уменьшится.

Я пытался использовать azure-devops-extension-sdk со свойствами Resize() method + onExpand/onCollapse в azure-devops-ui, но он не работает правильно (мигает, затем закрывается, пробовал с кэшированием, но все еще не работает должным образом). Форма рабочего элемента должнаразверните раскрывающееся окно при развертывании и сверните пространство между полями, когда раскрывающийся список свернут. Эта проблема, кажется, отображается только в форме рабочего элемента.

Есть ли какой-то встроенный метод в azure-devops-пользовательский интерфейс или аналогичный, который может обрабатывать расширение iFrame и свертывание, когда раскрывающийся список разворачивается и сворачивается?если renderExpandable это то, что я ищу или что-то еще. 

import * as React from "react";
import { EditableDropdown } from "azure-devops-ui/EditableDropdown";
import { editableDropdownItems } from "./Data";

export default class DropdownMultiSelectExample extends React.Component {

    public render() {
        return (
            <div className="flex-row" style={{ margin: "8px", alignItems: "center" }}>
                <EditableDropdown
                    items={editableDropdownItems}
                    renderExpandable={this.context.items}
                />           
            </div>
        );
    }
}
...