本文整理汇总了TypeScript中@ephox/alloy.Representing.setValue方法的典型用法代码示例。如果您正苦于以下问题：TypeScript Representing.setValue方法的具体用法？TypeScript Representing.setValue怎么用？TypeScript Representing.setValue使用的例子？那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@ephox/alloy.Representing的用法示例。
在下文中一共展示了Representing.setValue方法的9个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: function
const field = function (name, placeholder) {
const inputSpec = Memento.record(Input.sketch({
placeholder,
onSetValue (input, data) {
// If the value changes, inform the container so that it can update whether the "x" is visible
AlloyTriggers.emit(input, NativeEvents.input());
},
inputBehaviours: Behaviour.derive([
Composing.config({
find: Option.some
}),
Tabstopping.config({ }),
Keying.config({
mode: 'execution'
})
]),
selectOnFocus: false
}));
const buttonSpec = Memento.record(
Button.sketch({
dom: UiDomFactory.dom('<button class="${prefix}-input-container-x ${prefix}-icon-cancel-circle ${prefix}-icon"></button>'),
action (button) {
const input = inputSpec.get(button);
Representing.setValue(input, '');
}
})
);
return {
name,
spec: Container.sketch({
dom: UiDomFactory.dom('<div class="${prefix}-input-container"></div>'),
components: [
inputSpec.asSpec(),
buttonSpec.asSpec()
],
containerBehaviours: Behaviour.derive([
Toggling.config({
toggleClass: Styles.resolve('input-container-empty')
}),
Composing.config({
find (comp) {
return Option.some(inputSpec.get(comp));
}
}),
AddEventsBehaviour.config(clearInputBehaviour, [
// INVESTIGATE: Because this only happens on input,
// it won't reset unless it has an initial value
AlloyEvents.run(NativeEvents.input(), function (iContainer) {
const input = inputSpec.get(iContainer);
const val = Representing.getValue(input);
const f = val.length > 0 ? Toggling.off : Toggling.on;
f(iContainer);
})
])
])
})
};
};示例2:
memCollection.getOpt(everything).each((collection) => {
Representing.setValue(collection,
ValueSchema.asRawOrDie('dialogComponentsDemo.collection', Types.Collection.collectionDataProcessor, [
{
value: 'a',
text: 'A',
icon: 'a'
},
{
value: 'b',
text: 'B',
icon: 'b'
},
{
value: 'c',
text: 'C',
icon: 'c'
},
{
value: 'd',
text: 'D',
icon: 'd'
}
])
);
});示例3: withRoot
withRoot((_) => {
const prevData = instanceApi.getData();
const mergedData = Merger.merge(prevData, newData);
const newInternalData = validateData(access, mergedData);
const form = access.getFormWrapper();
Representing.setValue(form, newInternalData);
});示例4:
memSize.getOpt(anyInSystem).each((sizeInput) => {
const measurements = imagePanel.getMeasurements();
const width = measurements.width;
const height = measurements.height;
Representing.setValue(sizeInput, {
width,
height
});
});示例5:
}, (rgbForm) => {
Representing.setValue(rgbForm, {
hex: Option.from(m[1]).getOr('')
});
// So not the way to do this.
Form.getField(rgbForm, 'hex').each((hexField) => {
AlloyTriggers.emit(hexField, NativeEvents.input());
});
});示例6: converter
converter(size).each((newSize) => {
Representing.setValue(other, formatSize(newSize));
});示例7: filterByExtension
const handleFiles = (component, files: FileList) => {
Representing.setValue(component, filterByExtension(files));
AlloyTriggers.emitWith(component, formChangeEvent, { name: spec.name });
};示例8: picker
picker(urlData).get((chosenData) => {
Representing.setValue(field, chosenData);
AlloyTriggers.emitWith(comp, formChangeEvent, { name: spec.name });
});示例9:
spec.getInitialValue(dialog).each(function (v) {
Representing.setValue(dialog, v);
});