Class: SC.FormView

Extends SC.View.

FormView lays out rows, manages their label widths, binds their content properties, and sets up their contentValueKeys as needed. This class is experimental and not available out of the box.

Usually, you will place rows into the FormView:

childViews: "fullName gender".w(),
contentBinding: 'MyApp.personController',

fullName: SC.FormView.row("Name:", SC.TextFieldView.extend({
  layout: {height: 20, width: 150}
})),

gender: SC.FormView.row("Gender:", SC.RadioView.design({
  layout: {width: 150, height: 40, centerY: 0},
  items: ["male", "female"]
}))

The name of the row (ie. 'fullName'), is passed down to the fields, and used as the key to bind the value property to the content. In this case it will bind content.fullName to the value property of the textFieldView.

Defined in: form.js

Field Summary

Instance Methods

• createChildViews()
• labelWidthDidChange()
• recalculateLabelWidth()
• rowLabelMeasuredSizeDidChange(row, labelSize)

// base it on the existing render delegate
MyTheme.formRenderDelegate = SC.AceTheme.formRenderDelegate.create({
  flowSpacing: { left: 5, top: 5, right: 5, bottom: 5 }
});