本文整理汇总了TypeScript中app/widgets/Section.Section.appendWidgets方法的典型用法代码示例。如果您正苦于以下问题：TypeScript Section.appendWidgets方法的具体用法？TypeScript Section.appendWidgets怎么用？TypeScript Section.appendWidgets使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类app/widgets/Section.Section的用法示例。
在下文中一共展示了Section.appendWidgets方法的4个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: ActivitiesSection
export function ActivitiesSection() {
var domElement = createElement();
WidgetRole.apply(this, [domElement]);
var activityListContainer = createActivityListContainer();
var addActivityButton = createAddActivityButton(addActivity);
var section = new Section('AcĹŁiuni procedurale');
section.appendWidgets([
activityListContainer,
addActivityButton
]);
section.appendTo(domElement);
this.setActivities = function(activitiesArray) {
activitiesArray.forEach(addActivityFromData);
};
function addActivityFromData(activityData) {
var ActivityWidgetClass = ActivityWidgetClasses[activityData.widgetClassName];
var activityWidget = ActivityWidgetClass.createWithData(activityData);
addActivity(activityWidget);
}
function addActivity(activityWidget) {
activityWidget.appendTo(activityListContainer);
}
}示例2: createSection
function createSection(childWidgets) {
var labelText = 'Cerere de intentare';
var section = new Section(labelText);
section.appendWidgets(childWidgets);
return section;
}示例3: PersonSection
export function PersonSection(labelText, fieldValues) {
fieldValues = fieldValues || {};
var domElement = createElement();
WidgetRole.apply(this, [domElement]);
var personTypeField = createPersonTypeField(fieldValues);
var personTypeSpecificFields = createPersonTypeSpecificFields(fieldValues);
personTypeField.onChange(renderPersonTypeSpecificFields);
var section = new Section(labelText);
section.appendWidgets(getAllFields());
section.appendTo(domElement);
this.makeRemovable = function(onRemoveCallback) {
var buttonStyle = {
top: '10px',
fontSize: '20px',
color: 'black'
};
makeRemovable(domElement, onRemoveCallback, buttonStyle);
hideRemoveButtonUnlessOver();
};
this.getValue = getFieldValueCollector(getAllFields);
function getAllFields() {
return [personTypeField].concat(personTypeSpecificFields);
}
function renderPersonTypeSpecificFields(personType) {
personTypeSpecificFields.forEach(removeField);
fieldValues[PERSON_TYPE_INTERNAL_NAME] = personType;
personTypeSpecificFields = createPersonTypeSpecificFields(fieldValues);
section.appendWidgets(personTypeSpecificFields);
personTypeSpecificFields[0].focus();
}
function hideRemoveButtonUnlessOver() {
var removeButton = domElement.querySelector('button[type="remove"]');
var initialOpacity = removeButton.style.opacity;
removeButton.style.opacity = '0';
domElement.addEventListener('mouseenter', function() {
removeButton.style.opacity = initialOpacity;
});
domElement.addEventListener('mouseleave', function() {
removeButton.style.opacity = '0';
});
}
}示例4: SentenceSection
export function SentenceSection(fieldValues) {
var domElement = createElement();
WidgetRole.apply(this, [domElement]);
var fields = createFields(fieldValues);
var section = new Section('Document executoriu');
section.appendWidgets(fields);
section.appendTo(domElement);
this.getValue = getFieldValueCollector(fields);
}