本文整理汇总了TypeScript中@dojo/widget-core/mixins/Projector.ProjectorMixin函数的典型用法代码示例。如果您正苦于以下问题：TypeScript ProjectorMixin函数的具体用法？TypeScript ProjectorMixin怎么用？TypeScript ProjectorMixin使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了ProjectorMixin函数的4个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: v
theme: this._theme
})
]),
v('fieldset', { id: 'example-2' }, [
v('legend', {}, ['Set of disabled radio buttons']),
w(Radio, {
key: 'r4',
checked: false,
disabled: true,
label: 'First option',
name: 'sample-radios-disabled',
theme: this._theme
}),
w(Radio, {
key: 'r5',
checked: true,
disabled: true,
label: 'Second option',
name: 'sample-radios-disabled',
theme: this._theme
})
])
]);
}
}
const Projector = ProjectorMixin(App);
const projector = new Projector();
projector.append();
示例2: Registry
import TodoItem from './widgets/TodoItem';
const registry = new Registry();
function mapFilterRouteParam({ params }: any) {
return { activeFilter: params.filter };
}
registry.define('todo-header', TodoHeader);
registry.define('todo-list', Outlet(TodoList, 'filter', { mapParams: mapFilterRouteParam }));
registry.define('todo-item', TodoItem);
registry.define('todo-footer', TodoFooter);
registry.define('todo-filter', Outlet(TodoFilter, 'filter', { mapParams: mapFilterRouteParam }));
const root = document.querySelector('my-app') || undefined;
const Projector = ProjectorMixin(TodoApp);
const projector = new Projector();
const router = registerRouterInjector([
{
path: 'filter/{filter}',
outlet: 'filter',
defaultParams: { filter: 'all' },
defaultRoute: true
}
], registry);
projector.setProperties({ registry });
projector.append(root);
示例3: Registry
import { createStore } from 'redux';
import { todoReducer } from './reducers';
const defaultState = {
todos: [],
currentTodo: '',
activeCount: 0,
completedCount: 0
};
const registry = new Registry();
const store = createStore(todoReducer, defaultState, global.__REDUX_DEVTOOLS_EXTENSION__ && global.__REDUX_DEVTOOLS_EXTENSION__());
registry.defineInjector('application-state', new ReduxInjector(store));
const config = [
{
path: 'filter/{filter}',
outlet: 'filter',
defaultParams: {
filter: 'all'
},
defaultRoute: true
}
];
const router = registerRouterInjector(config, registry);
const Projector = ProjectorMixin(TodoAppContainer);
const projector = new Projector();
projector.setProperties({ registry });
projector.append();
示例4: _onSelected
import { WidgetBase } from '@dojo/widget-core/WidgetBase';
import { w } from '@dojo/widget-core/d';
import { ProjectorMixin } from '@dojo/widget-core/mixins/Projector';
import { Menu } from './widgets/Menu';
import { MenuItem } from './widgets/MenuItem';
class Example extends WidgetBase {
private _onSelected(data: any) {
console.log(data);
}
protected render() {
return w(Menu, { onSelected: this._onSelected }, [
w(MenuItem, { key: 'a', title: 'Menu Item A' }),
w(MenuItem, { key: 'b', title: 'Menu Item B', selected: true }),
w(MenuItem, { key: 'c', title: 'Menu Item C' })
]);
}
}
const element = document.getElementById('widget') as Element;
const Projector = ProjectorMixin(Example);
const projector = new Projector();
projector.append(element);