TypeScript WidgetRole.WidgetRole类代码示例

    function Field() {
      var domElement = createDOMElement('field');

      this.domElement = domElement;

      WidgetRole.apply(this, [domElement]);
    }

export function PersonSection2(titleText, fieldValues) {
  var domElement = createTitledContainer(titleText);
  WidgetRole.apply(this, [domElement]);

  var FieldList = IndividualFieldList;
  var defaultPersonTypeName = fieldValues['gen-persoană'] || FieldList.PERSON_TYPE_NAME;

  var personTypeField = createPersonTypeField(defaultPersonTypeName);
  personTypeField.appendTo(domElement);

  personTypeField.onChange(function(newPersonTypeName) {
    personTypeSpecificFieldList.remove();

    FieldList = newPersonTypeName === IndividualFieldList.PERSON_TYPE_NAME ?
      IndividualFieldList : CompanyFieldList;

    personTypeSpecificFieldList = new FieldList(fieldValues);
    personTypeSpecificFieldList.appendTo(domElement);
  });

  var personTypeSpecificFieldList = new FieldList(fieldValues);
  personTypeSpecificFieldList.appendTo(domElement);

  this.getFieldValues = function() {
    var personTypeSpecificFieldValues = personTypeSpecificFieldList.getFieldValues();
    var ownFieldValues = {
      'gen-persoană': personTypeField.getValue()
    };

    return _.extend(ownFieldValues, personTypeSpecificFieldValues);
  };
}

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);
  }
}

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

  this.onClick = function(f) {
    domElement.addEventListener('click', f);
  };
}

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

  var textSpan = createTextSpan(text);

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

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

  this.setChildWidgets = function(childWidgets) {
    resetChildren(domElement, childWidgets);
  };
}

export function CompletionLabel(completionTime) {
  assert(_.isDate(completionTime), 'CompletionLabel expects the completionTime argument to be a Date object');

  var domElement = createElement();
  WidgetRole.apply(this, [domElement]);

  addContent(domElement, completionTime);

  this.getData = delegateTo(completionTime, 'toISOString');
}

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

  var input = new TextFieldInput(value);
  addLabel(domElement, labelText, input);

  this.getValue = delegateTo(input, 'getValue');

  this.focus = delegateTo(input, 'focus');
}

export function DateField(defaultValue) {
  var domElement = createDOMElement('date-field');
  WidgetRole.apply(this, [domElement]);

  var dateFieldInput = new DateFieldInput(defaultValue);
  dateFieldInput.appendTo(domElement);

  this.getValue = delegateTo(dateFieldInput, 'getValue');
  this.focus = delegateTo(dateFieldInput, 'focus');
  this.setStyle = delegateTo(dateFieldInput, 'setStyle');
}

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

  var textarea = createTextareaElement(value);
  var label = new FieldLabel(labelText, [textarea]);
  label.appendTo(domElement);

  this.focus = delegateTo(textarea, 'focus');
  this.getValue = delegateTo(textarea, 'value');
}