本文整理匯總了TypeScript中vs/base/browser/styleMutator.FastDomNode.setDisplay方法的典型用法代碼示例。如果您正苦於以下問題:TypeScript FastDomNode.setDisplay方法的具體用法?TypeScript FastDomNode.setDisplay怎麽用?TypeScript FastDomNode.setDisplay使用的例子?那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類vs/base/browser/styleMutator.FastDomNode
的用法示例。
在下文中一共展示了FastDomNode.setDisplay方法的4個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: render
public render(ctx: IRestrictedRenderingContext): IViewCursorRenderData {
if (!this._renderData) {
this._domNode.setDisplay('none');
return null;
}
if (this._lastRenderedContent !== this._renderData.textContent) {
this._lastRenderedContent = this._renderData.textContent;
this._domNode.domNode.textContent = this._lastRenderedContent;
}
let top = this._renderData.top + ctx.viewportTop - ctx.bigNumbersDelta;
this._domNode.setDisplay('block');
this._domNode.setTop(top);
this._domNode.setLeft(this._renderData.left);
this._domNode.setWidth(this._renderData.width);
this._domNode.setLineHeight(this._lineHeight);
this._domNode.setHeight(this._lineHeight);
return {
position: this._position,
contentTop: top,
contentLeft: this._renderData.left,
height: this._lineHeight,
width: 2
};
}
示例2: constructor
constructor(context: ViewContext, isSecondary: boolean) {
this._context = context;
this._isSecondary = isSecondary;
this._cursorStyle = this._context.configuration.editor.viewInfo.cursorStyle;
this._lineHeight = this._context.configuration.editor.lineHeight;
this._typicalHalfwidthCharacterWidth = this._context.configuration.editor.fontInfo.typicalHalfwidthCharacterWidth;
this._isVisible = true;
// Create the dom node
this._domNode = createFastDomNode(document.createElement('div'));
if (this._isSecondary) {
this._domNode.setClassName('cursor secondary');
} else {
this._domNode.setClassName('cursor');
}
this._domNode.setHeight(this._lineHeight);
this._domNode.setTop(0);
this._domNode.setLeft(0);
this._domNode.setAttribute('role', 'presentation');
this._domNode.setAttribute('aria-hidden', 'true');
Configuration.applyFontInfo(this._domNode, this._context.configuration.editor.fontInfo);
this._domNode.setDisplay('none');
this.updatePosition(new Position(1, 1));
this._isInEditableRange = true;
this._lastRenderedContent = '';
this._renderData = null;
}
示例3: render
public render(ctx:IRestrictedRenderingContext): void {
if (this._isInViewport) {
let renderContent = this._getRenderedContent();
if (this._lastRenderedContent !== renderContent) {
this._lastRenderedContent = renderContent;
this._domNode.domNode.textContent = this._lastRenderedContent;
}
this._domNode.setDisplay('block');
this._domNode.setLeft(this._positionLeft);
this._domNode.setTop(this._positionTop + ctx.viewportTop - ctx.bigNumbersDelta);
this._domNode.setLineHeight(this._lineHeight);
this._domNode.setHeight(this._lineHeight);
} else {
this._domNode.setDisplay('none');
}
}
示例4: constructor
constructor(context:ViewContext, isSecondary:boolean) {
this._context = context;
this._cursorStyle = this._context.configuration.editor.viewInfo.cursorStyle;
this._lineHeight = this._context.configuration.editor.lineHeight;
this._lastRenderedContent = '';
this._isInEditableRange = true;
this._domNode = this._createCursorDomNode(isSecondary);
Configuration.applyFontInfo(this._domNode, this._context.configuration.editor.fontInfo);
this._isVisible = true;
this._domNode.setDisplay('none');
this.updatePosition({
lineNumber: 1,
column: 1
});
}