TypeScript appendWidgets.appendWidgets函数代码示例

export function FieldLabel(text, childWidgets) {
  var domElement = createElement();
  WidgetRole.apply(this, [domElement]);

  var textSpan = createTextSpan(text);

  appendWidgets(both(textSpan, childWidgets)).to(domElement);
}

export function DropdownButton(labelText, options) {
  var domElement = createElement();
  WidgetRole.apply(this, [domElement]);

  var toggleButton = createToggleButton(labelText);
  var optionList = new OptionList(options);

  appendWidgets([toggleButton, optionList]).to(domElement);
  addEventListeners(toggleButton, optionList);

  this.resetOptionList = delegateTo(optionList, 'setOptions');
}

export function IndividualFieldList(fieldValues) {
  var domElement = createDOMElement('person-field-list');
  WidgetRole.apply(this, [domElement]);

  var fields = [
    createField(LabeledTextField, 'Nume', 'nume', fieldValues),
    createField(LabeledTextField, 'IDNP', 'idnp', fieldValues),
    createField(LabeledDateField, 'Data nașterii', 'data-nașterii', fieldValues),
    createField(LabeledLargeTextField, 'Domiciliu', 'domiciliu', fieldValues),
    createField(LabeledLargeTextField, 'Note', 'note', fieldValues)
  ];

  appendWidgets(fields).to(domElement);

  this.getFieldValues = getFieldValueCollector(fields);
}

export function CompanyFieldList(fieldValues) {
  var domElement = createDOMElement('company-field-list');
  WidgetRole.apply(this, [domElement]);

  var fields = [
    createField(LabeledTextField, 'Denumire', 'denumire', fieldValues),
    createField(LabeledTextField, 'IDNO', 'idno', fieldValues),
    createField(LabeledLargeTextField, 'Sediu', 'sediu', fieldValues),
    createField(LabeledTextField, 'Persoană de contact', 'persoană-de-contact', fieldValues),
    createField(LabeledLargeTextField, 'Note', 'note', fieldValues)
  ];

  appendWidgets(fields).to(domElement);

  this.getFieldValues = getFieldValueCollector(fields);
}

export function UI() {
  var domElement = createElement();

  var newCaseDialog = new NewCaseDialog({
    creditorul: {},
    debitorul: {}
  });
  newCaseDialog.appendTo(domElement);

  var newCaseButton = new NewCaseButton();
  newCaseButton.onClick(function() {
    newCaseDialog.show();
  });

  appendWidgets([newCaseDialog, newCaseButton]).to(domElement);

  this.appendTo = getAppenderOf(domElement);
}

export function Activity(widgetName, descriptionText) {
  var domElement = createElement(widgetName);
  WidgetRole.apply(this, [domElement]);

  var detailsSection = new ActivityDetailsSection();

  appendWidgets([
    new ActivityTitle(descriptionText),
    new ActivityDateField(),
    detailsSection
  ]).to(domElement);

  this.getDescription = function() {
    return descriptionText;
  };

  this.setDetailWidgets = function(detailWidgets) {
    detailsSection.setChildWidgets(detailWidgets);
  };
}

 this.appendWidgets = function(childWidgets) {
   appendWidgets(childWidgets).to(domElement);
 };

export function resetChildren(domElement, children) {
  emptyDOMElement(domElement);
  appendWidgets(children).to(domElement);
}

export function NewCaseDialog(data) {
  var domElement = createElement();
  WidgetRole.apply(this, [domElement]);

  var valuableChildren = {
    'persoane-terţe': []
  };

  appendWidgets([
    createTitle(),
    createCreditorSection(),
    createFirstDebitorSection(),
    createPersonSection2(data.creditor),
    createAddPersonButton(),
    createSentenceSection(),
    createInquirySection(),
    createActivitiesSection(data.activities),
    createCloseButton()
  ]).to(domElement);

  this.getValue = function() {
    return rMap('getValue', valuableChildren);
  };

  function createTitle() {
    var style = {
      fontSize: '42px',
      fontFamily: 'TitleFont',
      fontWeight: 'bold',
      marginTop: '0px'
    };

    var title = createDOMElement('h1', style);

    title.textContent = 'Procedură de ordin general';

    return title;
  }

  function createCreditorSection() {
    var personSection = createPersonSection('Creditor', data['creditor']);

    valuableChildren['creditor'] = personSection;

    return personSection;
  }

  function createFirstDebitorSection() {
    var personSection = createPersonSection('Debitor', data['debitori'][0]);

    valuableChildren['debitori'] = [personSection];

    return personSection;
  }

  function createPersonSection2(fieldValues) {
    var style = {
      'width': '380px',
      'margin': '0 60px 40px 0'
    };

    var personSection = new PersonSection2('PersonSection2', fieldValues);

    personSection.setStyle(style);

    return personSection;
  }

  function createPersonSection(labelText, data) {
    var style = {
      width: '380px',
      marginRight: '60px'
    };

    var personSection = new PersonSection(labelText, data);

    personSection.setStyle(style);

    return personSection;
  }

  function createAddPersonButton() {
    var style = {
      position: 'absolute',
      marginLeft: '-200px',
      marginTop: '360px'
    };

    var button = new DropdownButton('adaugă persoană', {
      'debitor':        addRemovablePersonSection('Debitor', 'debitori'),
      'persoană terţă': addRemovablePersonSection('Persoană terţă', 'persoane-terţe')
    });

    button.setStyle(style);

    return button;
  }

  function addRemovablePersonSection(labelText, personListInternalName) {
    return function() {
//.........这里部分代码省略.........