Javascript 来自主干控制的木偶控制

我想创建由三个主干控件组成的mariontte控件。第一个是日期选择器，第二个是数字步进器，第三个也是日期选择器。其思想是，第一个日期是初始日期，数字步进器添加天数，结果显示在第二个日期选择器中。无论如何，我不知道如何创建木偶视图时，并非所有的子项都是相同的。我应该如何处理这个问题？

我认为您可以创建一个包含三个div的compositeview（甚至可以使用布局），并通过在div中显式添加ItemView的el，在三个div中呈现三个不同的ItemView

e、 g.如果以下是您的compositeview模板

但在布局的情况下，不需要显式渲染视图，只需使用布局的show方法即可

regions:{
    firstDatepickerRegion: "#first-datepicker",
    numericStepperRegion: "#numeric-stepper",
    secondDatepickerRegion: "#second-datepicker"
},
onRender: function(){
    this.firstDatepickerRegion.show(new DatePickerView());
    this.numericStepperRegion.show(new NumericStepperView());
    this.secondDatepickerRegion.show(new DatePickerView());
}

ui:{
    firstDatepicker: "#first-datepicker",
    numericStepper: "#numeric-stepper",
    secondDatepicker: "#second-datepicker"
},
onRender: function(){
    this.ui.firstDatepicker.html(new DatePickerView().render().el);
    this.ui.numericStepper.html(new NumericStepperView().render().el);
    this.ui.firstDatepicker.html(new DatePickerView().render().el);
}

regions:{
    firstDatepickerRegion: "#first-datepicker",
    numericStepperRegion: "#numeric-stepper",
    secondDatepickerRegion: "#second-datepicker"
},
onRender: function(){
    this.firstDatepickerRegion.show(new DatePickerView());
    this.numericStepperRegion.show(new NumericStepperView());
    this.secondDatepickerRegion.show(new DatePickerView());
}