this._appendElements(1);

			this._appendRows();

					if ('_loadValues' in jwidget) {

					if (jwidget && '_loadValues' in jwidget) {

				this._appendElements(diff);

				this._appendRows(diff);

			// set all values

			this._allWidgetsBuiltDeferred.then(lang.hitch(this, function() {

			array.forEach(valList, function(ival, irow) {

				// set all values

				if (irow >= this._widgets.length) {

				array.forEach(valList, function(ival, irow) {

					// break

					if (irow >= this._widgets.length) {

					return false;

						return;

				}

					}

				var rowVals = [];

					var rowVals = [];

				if (typeof ival == "string") {

					if (typeof ival == "string") {

					// entry is string .. we need to parse it if we have a delimiter

						// entry is string .. we need to parse it if we have a delimiter

					if (this.delimiter) {

						if (this.delimiter) {

						rowVals = ival.split(this.delimiter);

							rowVals = ival.split(this.delimiter);

						}

						else {

							rowVals = [ ival ];

						}

					else {

					else if (ival instanceof Array) {

						rowVals = [ ival ];

						rowVals = ival;

				// set values

					// set values

				for (var j = 0; j < this.subtypes.length; ++j) {

					for (var j = 0; j < this.subtypes.length; ++j) {

					var val = j >= rowVals.length ? '' : rowVals[j];

						var val = j >= rowVals.length ? '' : rowVals[j];

					this._widgets[irow][j].set('value', val);

						this._widgets[irow][j].set('value', val);

					// for dynamic combo boxes, we need to save the value as "initial value"

						// for dynamic combo boxes, we need to save the value as "initial value"

					if (this._widgets[irow][j].setInitialValue) {

						if (this._widgets[irow][j].setInitialValue) {

						this._widgets[irow][j].setInitialValue(val, false);

							this._widgets[irow][j].setInitialValue(val, false);

						}

				}

				}, this);

			}, this);

				this._blockChangeEvents = false;

			this._blockChangeEvents = false;

			}));

			var i;

			this._allWidgetsBuiltDeferred.then(lang.hitch(this, function() {

			for ( i = 0; i < this._rowContainers.length; ++i) {

				var i;

				array.forEach( this._rowContainers[ i ].getChildren(), function( widget ) {

				for ( i = 0; i < this._rowContainers.length; ++i) {

					widget.set( 'disabled', value );

					var irow = this._rowContainers[i];

				} );

					array.forEach( irow ? irow.getChildren() : [], function( widget ) {

			}

						widget.set('disabled', value);

			this.disabled = value;

					} );

				}

			}));

			this._set('disabled', value);

			var i, j, val, isSet, vals = [], rowVals = [];

			var i, j, jwidget, val, isSet, vals = [], rowVals = [];

					val = this._widgets[i][j].get('value');

					jwidget = this._widgets[i][j];

					if (!jwidget) {

						continue;

					}

					val = jwidget.get('value');

				onClick: lang.hitch(this, '_appendElements', 1),

				onClick: lang.hitch(this, '_appendRows'),

				label: this._nRenderedElements === 1 && hasSubTypeLabels ? ' ' : '' // only keep the label for the first row

				label: this._nRenderedElements === 1 && this._hasSubtypeLabel ? ' ' : '' // only keep the label for the first row

		_appendElements: function(n) {

		_updateReadyDeferred: function() {

			if (n < 1) {

			// check all current elements whether they are ready

				return;

			var nReady = 0;

			var nElements = 0;

			var nBuiltElements = 0;

			var i, j;

			for (i = 0; i < this._widgets.length; ++i) {

				for (j = 0; j < this._widgets[i].length; ++j, ++nElements) {

					//console.log(lang.replace('### MultiInput: widget[{0}][{1}]: waiting -> ', [i, j]), this._widgets[i][j].ready());

					var jwidget = this._widgets[i][j];

					nBuiltElements += jwidget ? 1 : 0;

					var jreadyDeferred = jwidget && jwidget.ready ? jwidget.ready() : null;

					if (!jreadyDeferred) {

						++nReady;

					}

					else if (jreadyDeferred.isFulfilled()) {

						++nReady;

					}

				}

			// initiate a new Deferred object in case there is none already pending

			if (nReady < nElements) {

			if (this._readyDeferred.isFulfilled()) {

				if (this._readyDeferred.isFulfilled()) {

				this._readyDeferred = new Deferred();

					// initiate a new Deferred object if none is pending

					this._readyDeferred = new Deferred();

				}

				// update progress

				this._readyDeferred.progress({

					max: nElements,

					current: nReady,

					percentage: 100 * nReady / nElements

				});

			// remove the 'new' button

			if (nReady == nElements && !this._readyDeferred.isFulfilled()) {

			this._removeNewButton();

				// all elements are ready

				this._readyDeferred.resolve();

				this.onValuesLoaded();

			}

			var nFinal = this._nRenderedElements + n;

			if (nBuiltElements < nElements && this._allWidgetsBuiltDeferred.isFulfilled()) {

			for (var irow = this._nRenderedElements; irow < nFinal && irow < this.max; ++irow, ++this._nRenderedElements) {

				// initiate a new Deferred object

				// add all other elements with '__' such that they will be ignored by umc/widgets/Form

				this._allWidgetsBuiltDeferred = new Deferred();

				var order = [], widgetConfs = [];

			}

				array.forEach(this.subtypes, function(iwidget, i) {

					// add the widget configuration dict to the list of widgets

					var iname = '__' + this.name + '-' + irow + '-' + i;

					var iconf = lang.mixin({}, iwidget, {

						disabled: this.disabled,

						threshold: this.threshold, // for UDM-threshold

						name: iname,

						value: '',

						dynamicValues: lang.partial(iwidget.dynamicValues, iname)

					});

					if (iwidget.dynamicValuesInfo) {

						iconf.dynamicValuesInfo = lang.partial(iwidget.dynamicValuesInfo, iname);

					}

					widgetConfs.push(iconf);

					// add the name of the widget to the list of widget names

			if (nBuiltElements == nElements && !this._allWidgetsBuiltDeferred.isFulfilled()) {

					order.push(iname);

				// all elements have been built

				}, this);

				this._allWidgetsBuiltDeferred.resolve();

			}

		},

				// render the widgets

				// add the name of the widget to the list of widget names

				var widgets = render.widgets(widgetConfs, this);

				order.push(iname);

			}, this);

				// find out whether all items do have a label

			// render the widgets

				var hasSubTypeLabels = array.filter(this.subtypes, function(iwidget) {

			var widgets = render.widgets(widgetConfs, this);

					return iwidget.label;

				}).length > 0;

				// layout widgets

			// if we have a button, we need to pass the value and index of the

				var visibleWidgets = array.map(order, function(iname) {

			// current element

					return widgets[iname];

			tools.forIn(widgets, function(ikey, iwidget) {

				});

				var myrow = irow;

				var rowContainer = this.own(new ContainerWidget({}))[0];

				if (tools.inheritsFrom(iwidget, 'umc.widgets.Button') && typeof iwidget.callback == "function") {

				array.forEach(order, function(iname) {

					var callbackOrg = iwidget.callback;

					// add widget to row container (wrapped by a LabelPane)

					iwidget.callback = lang.hitch(this, function() {

					// only keep the label for the first row

						callbackOrg(this.get('value')[myrow], myrow);

					var iwidget = widgets[iname];

					});

					var label = irow !== 0 ? '' : iwidget.label;

				}

					if (tools.inheritsFrom(iwidget, 'umc.widgets.Button')) {

			}, this);

						label = irow !== 0 ? '' : ' ';

					}

					rowContainer.addChild(new LabelPane({

						disabled: this.disabled,

						content: iwidget,

						label: label

					}));

					// register to value changes

			// layout widgets

					this.own(iwidget.watch('value', lang.hitch(this, function() {

			var visibleWidgets = array.map(order, function(iname) {

						if (!this._blockChangeEvents) {

				return widgets[iname];

							this._set('value', this.get('value'));

			});

						}

			var rowContainer = this.own(new ContainerWidget({}))[0];

					})));

			array.forEach(order, function(iname) {

				}, this);

				// add widget to row container (wrapped by a LabelPane)

				// only keep the label for the first row

				// add a 'remove' button at the end of the row

				var iwidget = widgets[iname];

				var button = this.own(new Button({

				var label = irow !== 0 ? '' : iwidget.label;

				if (tools.inheritsFrom(iwidget, 'umc.widgets.Button')) {

					label = irow !== 0 ? '' : ' ';

				}

				rowContainer.addChild(new LabelPane({

					iconClass: 'umcIconDelete',

					content: iwidget,

					onClick: lang.hitch(this, '_removeElement', irow),

					label: label

					'class': 'umcMultiInputRemoveButton'

				}))[0];

				rowContainer.addChild(new LabelPane({

					content: button,

					label: irow === 0 && hasSubTypeLabels ? ' ' : '' // only keep the label for the first row

				// add row

				// register to value changes

				this._widgets.push(visibleWidgets);

				this.own(iwidget.watch('value', lang.hitch(this, function() {

				this._rowContainers.push(rowContainer);

					if (!this._blockChangeEvents) {

				this._startupDeferred.then(lang.hitch(rowContainer, 'startup'));

						this._set('value', this.get('value'));

				this.addChild(rowContainer);

					}

				})));

			}, this);

				// call the _loadValues method by hand

			// add a 'remove' button at the end of the row

				array.forEach(order, function(iname) {

			var button = this.own(new Button({

					var iwidget = widgets[iname];

				disabled: this.disabled,

					if ('_loadValues' in iwidget) {

				iconClass: 'umcIconDelete',

						iwidget._loadValues(this._lastDepends);

				onClick: lang.hitch(this, '_removeElement', irow),

					}

				'class': 'umcMultiInputRemoveButton'

				}, this);

			}))[0];

				//this._readyDeferred.progress(_('%(i)s / %(len)s values built', {i: irow, len: nFinal}));

			rowContainer.addChild(new LabelPane({

				content: button,

				label: irow === 0 && this._hasSubtypeLabel ? ' ' : '' // only keep the label for the first row

			}));

			// add row

			this._widgets[irow] = visibleWidgets;

			this._rowContainers[irow] = rowContainer;

			this._startupDeferred.then(lang.hitch(rowContainer, 'startup'));

			this.addChild(rowContainer);

			// call the _loadValues method by hand

			array.forEach(order, function(iname) {

				var iwidget = widgets[iname];

				if ('_loadValues' in iwidget) {

					iwidget._loadValues(this._lastDepends);

				}

			}, this);

			// update the ready deferred know and when the widget itself is ready

			this._updateReadyDeferred();

			var allReady = [];

			tools.forIn(widgets, function(ikey, iwidget) {

				allReady.push(iwidget.ready ? iwidget.ready() : null);

			});

			all(allReady).then(lang.hitch(this, '_updateReadyDeferred'));

		},

		_appendRows: function(n) {

			n = n || 1;

			if (n < 1) {

				return;

			// wait for all widgets to be ready

			// remove the 'new' button

			var allReady = [];

			this._removeNewButton();

			var i, j;

			for (i = 0; i < this._widgets.length; ++i) {

			var nFinal = this._nRenderedElements + n;

				for (j = 0; j < this._widgets[i].length; ++j) {

			var newRows = [];

					//console.log(lang.replace('### MultiInput: widget[{0}][{1}]: waiting -> ', [i, j]), this._widgets[i][j].ready());

			for (var irow = this._nRenderedElements; irow < nFinal && irow < this.max; ++irow, ++this._nRenderedElements) {

					allReady.push(this._widgets[i][j].ready ? this._widgets[i][j].ready() : null);

				newRows.push(irow);

				// allocate indeces in 2D array _widget this allows _updateReadyDeferred()

				// to know how many entries there will be at the end

				this._rowContainers[irow] = null;

				this._widgets[irow] = [];

				for (var jsubWidget = 0; jsubWidget < this.subtypes.length; ++jsubWidget) {

					this._widgets[irow][jsubWidget] = null;

			all(allReady).then(lang.hitch(this, function() {

				//console.log('### MultiInput: all resolved');

			// force the ready deferred to be updated

				this._readyDeferred.resolve();

			this._updateReadyDeferred();

				this.onValuesLoaded();

			// perform adding rows asynchronously

			tools.forEachAsync(newRows, lang.hitch(this, '__appendRow')).then(lang.hitch(this, function() {

				// all elements have been added to the DOM

				// add the new button

				if (this._nRenderedElements < this.max) {

					this._addNewButton();

				}

				this._updateReadyDeferred();