本文整理匯總了TypeScript中vs/base/browser/ui/scrollbar/scrollableElement.IScrollableElement.onElementInternalDimensions方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript IScrollableElement.onElementInternalDimensions方法的具體用法？TypeScript IScrollableElement.onElementInternalDimensions怎麽用？TypeScript IScrollableElement.onElementInternalDimensions使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類vs/base/browser/ui/scrollbar/scrollableElement.IScrollableElement的用法示例。
在下文中一共展示了IScrollableElement.onElementInternalDimensions方法的3個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: show
public static show(name: string, url: string, container: Builder, scrollbar?: IScrollableElement): void {
// Ensure CSS class
$(container).addClass('monaco-resource-viewer');
// Lookup media mime if any
let mime: string;
const ext = paths.extname(url);
if (ext) {
mime = mapExtToMediaMimes[ext];
}
if (!mime) {
mime = mimes.MIME_BINARY;
}
// Show Image inline
if (mime.indexOf('image/') >= 0) {
$(container)
.empty()
.style({ paddingLeft: '20px' }) // restore CSS value in case the user saw a PDF before where we remove padding
.img({
src: url + '?' + new Date().getTime() // We really want to avoid the browser from caching this resource, so we add a fake query param that is unique
}).on(DOM.EventType.LOAD, () => {
if (scrollbar) {
scrollbar.onElementInternalDimensions();
}
});
}
// Embed Object (only PDF for now)
else if (false /* PDF is currently not supported in Electron it seems */ && mime.indexOf('pdf') >= 0) {
var object = $(container)
.empty()
.style({ padding: 0, margin: 0 }) // We really do not want any paddings or margins when displaying PDFs
.element('object')
.attr({
data: url + '?' + new Date().getTime(), // We really want to avoid the browser from caching this resource, so we add a fake query param that is unique
width: '100%',
height: '100%',
type: mime
});
}
// Embed Audio (if supported in browser)
else if (mime.indexOf('audio/') >= 0) {
$(container)
.empty()
.style({ paddingLeft: '20px' }) // restore CSS value in case the user saw a PDF before where we remove padding
.element('audio')
.attr({
src: url + '?' + new Date().getTime(), // We really want to avoid the browser from caching this resource, so we add a fake query param that is unique
text: nls.localize('missingAudioSupport', "Sorry but playback of audio files is not supported."),
controls: 'controls'
}).on(DOM.EventType.LOAD, () => {
if (scrollbar) {
scrollbar.onElementInternalDimensions();
}
});
}
// Embed Video (if supported in browser)
else if (mime.indexOf('video/') >= 0) {
var video = $(container)
.empty()
.style({ paddingLeft: '20px' }) // restore CSS value in case the user saw a PDF before where we remove padding
.element('video')
.attr({
src: url + '?' + new Date().getTime(), // We really want to avoid the browser from caching this resource, so we add a fake query param that is unique
text: nls.localize('missingVideoSupport', "Sorry but playback of video files is not supported."),
controls: 'controls'
}).on(DOM.EventType.LOAD, () => {
if (scrollbar) {
scrollbar.onElementInternalDimensions();
}
});
}
// Handle generic Binary Files
else {
$(container)
.empty()
.style({ paddingLeft: '20px' }) // restore CSS value in case the user saw a PDF before where we remove padding
.span({
text: nls.localize('nativeBinaryError', "The file cannot be displayed in the editor because it is either binary, very large or uses an unsupported text encoding.")
});
if (scrollbar) {
scrollbar.onElementInternalDimensions();
}
}
}示例2:
}).on(DOM.EventType.LOAD, () => {
if (scrollbar) {
scrollbar.onElementInternalDimensions();
}
});示例3:
this.toDispose.push(this.scrollable.addInternalSizeChangeListener(() => {
this.scrollbar.onElementInternalDimensions();
}));