const onloadHandler = () => {
log.debug(`Popout window loading`)
childWindow.document.title = options.title
popoutContainer = childWindow.document.createElement('div')
popoutContainer.id = this.popoutContainerId
childWindow.document.body.appendChild(popoutContainer)
ReactDOM.render(view, popoutContainer)
}
public render(): void {
const element: React.ReactElement<ITrendingInThisSiteProps> = React.createElement(TrendingInThisSite, {
numberOfDocuments: this.properties.numberOfDocuments,
siteUrl: this.context.pageContext.web.absoluteUrl
});
ReactDom.render(element, this.domElement);
}
export function main() {
ReactDOM.render(
React.createElement(Component),
document.getElementById('root')
);
console.log('Hello, world!');
}
export function loadTemplate<T extends Element>(element: any, style?: string): [any, HTMLDivElement] {
if (style === 'editor') {
loadCssInHeader();
}
_lastTemplateDiv = document.createElement('div');
document.body.appendChild(_lastTemplateDiv);
return [ReactDOM.render(element, _lastTemplateDiv), _lastTemplateDiv];
}
private _updateUserList(list: Array<User>): void {
const view = React.createElement(UserList, {
list: list,
channelId: this._channelId,
action: this._msgAction,
});
ReactDOM.render(view, this._userElement);
}
], (require) => {
var NoDataSourcesApplication = require('./components/no-data-sources-application/no-data-sources-application').NoDataSourcesApplication;
ReactDOM.render(
React.createElement(NoDataSourcesApplication, {}),
container
);
}, 'no-data-sources');
public render(): void {
const element: React.ReactElement<IWeatherProps> = React.createElement(Weather, {
basicHttpClient: this.context.basicHttpClient,
location: this.properties.location
});
ReactDom.render(element, this.domElement);
}
renderElement() {
let clone = React.createElement(
this.props.element.type,
Utils.extend(this.props.element.props, {ref: this.reactInstance}),
this.props.element.props.children
);
ReactDOM.render(clone, this.getElement()[0]);
}
public init(params: any) {
this.eGui = document.createElement('div');
this.backingInstance = ReactDOM.render(React.createElement(reactComponent, { params: params }), this.eGui);
if (typeof this.backingInstance.init === 'function') {
this.backingInstance.init(params);
}
}
const observer: Rx.Subscriber<ConnectionValue> = Rx.Subscriber.create((data: ConnectionValue) => {
const view = React.createElement(ConnectSettingWindow, {
viewmodel: this._store.viewmodel(),
action: this._action,
data: data,
});
ReactDOM.render(view, mountpoint);
}, () => { }, () => {
