當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript dom.clearNode函數代碼示例

本文整理匯總了TypeScript中vs/base/browser/dom.clearNode函數的典型用法代碼示例。如果您正苦於以下問題:TypeScript clearNode函數的具體用法?TypeScript clearNode怎麽用?TypeScript clearNode使用的例子?那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。


在下文中一共展示了clearNode函數的5個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: insertMessage

function insertMessage(target: HTMLElement, msg: string): void {
    if (!ariaContainer) {
        // console.warn('ARIA support needs a container. Call setARIAContainer() first.');
        return;
    }
    if (target.textContent === msg) {
        msg = nls.localize('repeated', "{0} (occurred again)", msg);
    }

    dom.clearNode(target);
    target.textContent = msg;


    // See https://www.paciellogroup.com/blog/2012/06/html5-accessibility-chops-aria-rolealert-browser-support/
    target.style.visibility = 'hidden';
    target.style.visibility = 'visible';
}
開發者ID:AlexxNica,項目名稱:sqlopsstudio,代碼行數:17,代碼來源:aria.ts

示例2: render

    private render() {
        dom.clearNode(this.domNode);

        if (this.keybinding) {
            let [firstPart, chordPart] = this.keybinding.getParts();
            if (firstPart) {
                this.renderPart(this.domNode, firstPart, this.matches ? this.matches.firstPart : null);
            }
            if (chordPart) {
                dom.append(this.domNode, $('span', null, ' '));
                this.renderPart(this.domNode, chordPart, this.matches ? this.matches.chordPart : null);
            }
            this.domNode.title = this.keybinding.getAriaLabel();
        }

        this.didEverRender = true;
    }
開發者ID:thinhpham,項目名稱:vscode,代碼行數:17,代碼來源:keybindingLabel.ts

示例3: render

    private render() {
        dom.clearNode(this.domNode);

        if (this.keybinding) {
            let [firstPart, chordPart] = this.keybinding.getParts();
            if (firstPart) {
                this.renderPart(this.domNode, firstPart, this.matches ? this.matches.firstPart : null);
            }
            if (chordPart) {
                dom.append(this.domNode, $('span.monaco-keybinding-key-chord-separator', undefined, ' '));
                this.renderPart(this.domNode, chordPart, this.matches ? this.matches.chordPart : null);
            }
            this.domNode.title = this.keybinding.getAriaLabel() || '';
        }

        this.didEverRender = true;
    }
開發者ID:DonJayamanne,項目名稱:vscode,代碼行數:17,代碼來源:keybindingLabel.ts

示例4: render

    private render() {
        dom.clearNode(this.domNode);

        let htmlContent: string[] = [],
            highlight: IHighlight,
            pos = 0;

        for (let i = 0; i < this.highlights.length; i++) {
            highlight = this.highlights[i];
            if (highlight.end === highlight.start) {
                continue;
            }
            if (pos < highlight.start) {
                htmlContent.push('<span>');
                const substring = this.text.substring(pos, highlight.start);
                htmlContent.push(this.supportOcticons ? renderOcticons(substring) : escape(substring));
                htmlContent.push('</span>');
                pos = highlight.end;
            }
            htmlContent.push('<span class="highlight">');
            const substring = this.text.substring(highlight.start, highlight.end);
            htmlContent.push(this.supportOcticons ? renderOcticons(substring) : escape(substring));
            htmlContent.push('</span>');
            pos = highlight.end;
        }

        if (pos < this.text.length) {
            htmlContent.push('<span>');
            const substring = this.text.substring(pos);
            htmlContent.push(this.supportOcticons ? renderOcticons(substring) : escape(substring));
            htmlContent.push('</span>');
        }

        this.domNode.innerHTML = htmlContent.join('');
        this.domNode.title = this.title;
        this.didEverRender = true;
    }
開發者ID:donaldpipowitch,項目名稱:vscode,代碼行數:37,代碼來源:highlightedLabel.ts

示例5: resolve

        return new Promise<number>((resolve) => {
            if (!this.element || !this.buttonsContainer || !this.iconElement || !this.toolbarContainer) {
                resolve(0);
                return;
            }

            if (this.modal) {
                this._register(domEvent(this.modal, 'mousedown')(e => {
                    // Used to stop focusing of modal with mouse
                    EventHelper.stop(e, true);
                }));
            }

            clearNode(this.buttonsContainer);

            let focusedButton = 0;
            this.buttonGroup = new ButtonGroup(this.buttonsContainer, this.buttons.length, { title: true });
            this.buttonGroup.buttons.forEach((button, index) => {
                button.label = mnemonicButtonLabel(this.buttons[index], true);

                this._register(button.onDidClick(e => {
                    EventHelper.stop(e);
                    resolve(index);
                }));
            });

            this._register(domEvent(window, 'keydown', true)((e: KeyboardEvent) => {
                const evt = new StandardKeyboardEvent(e);
                if (evt.equals(KeyCode.Enter) || evt.equals(KeyCode.Space)) {
                    return;
                }

                let eventHandled = false;
                if (this.buttonGroup) {
                    if (evt.equals(KeyMod.Shift | KeyCode.Tab) || evt.equals(KeyCode.LeftArrow)) {
                        focusedButton = focusedButton + this.buttonGroup.buttons.length - 1;
                        focusedButton = focusedButton % this.buttonGroup.buttons.length;
                        this.buttonGroup.buttons[focusedButton].focus();
                        eventHandled = true;
                    } else if (evt.equals(KeyCode.Tab) || evt.equals(KeyCode.RightArrow)) {
                        focusedButton++;
                        focusedButton = focusedButton % this.buttonGroup.buttons.length;
                        this.buttonGroup.buttons[focusedButton].focus();
                        eventHandled = true;
                    }
                }

                if (eventHandled) {
                    EventHelper.stop(e, true);
                } else if (this.options.keyEventProcessor) {
                    this.options.keyEventProcessor(evt);
                }
            }));

            this._register(domEvent(window, 'keyup', true)((e: KeyboardEvent) => {
                EventHelper.stop(e, true);
                const evt = new StandardKeyboardEvent(e);

                if (evt.equals(KeyCode.Escape)) {
                    resolve(this.options.cancelId || 0);
                }
            }));

            this._register(domEvent(this.element, 'focusout', false)((e: FocusEvent) => {
                if (!!e.relatedTarget && !!this.element) {
                    if (!isAncestor(e.relatedTarget as HTMLElement, this.element)) {
                        this.focusToReturn = e.relatedTarget as HTMLElement;

                        if (e.target) {
                            (e.target as HTMLElement).focus();
                            EventHelper.stop(e, true);
                        }
                    }
                }
            }));

            removeClasses(this.iconElement, 'icon-error', 'icon-warning', 'icon-info');

            switch (this.options.type) {
                case 'error':
                    addClass(this.iconElement, 'icon-error');
                    break;
                case 'warning':
                    addClass(this.iconElement, 'icon-warning');
                    break;
                case 'pending':
                    addClass(this.iconElement, 'icon-pending');
                    break;
                case 'none':
                case 'info':
                case 'question':
                default:
                    addClass(this.iconElement, 'icon-info');
                    break;
            }

            const actionBar = new ActionBar(this.toolbarContainer, {});

            const action = new Action('dialog.close', nls.localize('dialogClose', "Close Dialog"), 'dialog-close-action', true, () => {
                resolve(this.options.cancelId || 0);
//.........這裏部分代碼省略.........
開發者ID:fly-fisher,項目名稱:vscode,代碼行數:101,代碼來源:dialog.ts


注:本文中的vs/base/browser/dom.clearNode函數示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。