同一远程模板中的Kendo MVVM绑定2源

我正在使用剑道MVVM。这个ApisTemplate被远程调用，并打开。PaxPreferenceTemplate模板中存在问题。有两种源绑定。仅第一个工程，即区段。我不知道为什么。即使你使用

 <label data-bind:"text: Segment.SegmentDetailsToDisplayPricing" ></label>

结果仍然是一样的。如果我评论

<div data-bind="source: Segment"></div> 

那么第二条线就行了 请告诉我正确的方法是什么

注：以下所有代码都在1个文件中

<script id="ApisTemplate" type="text/x-kendo-template" class="KendoExtTemplate">

    <div>
        <div data-bind="source: ApisVMList.PaxPreferenceBySegment" data-template="PaxPreferenceTemplate"></div>

        <div style="text-align:center;">
            <button type="button" id="btnIssueTicket" onclick="SaveIssueTicket(this)" class="k-button k-primary Apis_submit " style="width: 100px; height: 25px; margin-right: 5px;">
                <i class="fa fa-floppy-o fa-inverse" aria-hidden="true"></i> Save
            </button>

            <button type="button" class="k-button " onclick="CloseApisWindow(this)" style="width: 100px; height: 25px;"><i class="fa fa-ban"></i> Cancel</button>
        </div>
    </div>
</script>


<script id="PaxPreferenceTemplate" type="text/x-kendo-template" class="KendoExtTemplate">

    <div data-bind="source: Segment" data-template="SegmentTemplate"></div>

    <div data-bind="source: PaxInfo" data-template="PaxInfoTemplate"></div>

</script>

<script id="SegmentTemplate" type="text/x-kendo-template" class="KendoExtTemplate">
    <label data-bind="text: SegmentDetailsToDisplayPricing"></label>
</script>

<script id="PaxInfoTemplate" type="text/x-kendo-template" class="KendoExtTemplate">
    <div>
        <label data-bind="text: Pax.PersonName"></label>
        <input data-role="dropdownlist"
               data-text-field="PassportNumber"
               data-value-field="PassportNumberID"
               data-bind="source: PossiblePassports" />

        <input data-role="dropdownlist"
               data-text-field="FrequentFlyernumber"
               data-value-field="FrequentFlyernumberID"
               data-bind="source: PossibleFrequentFlyers" />
    </div>



</script>

---

我认为你必须划分你的模板，因为你有两种不同的类型-列表和单个项目

<script id="ApisTemplate" type="text/x-kendo-template" class="KendoExtTemplate">

    <div>
        <div data-bind="source: ApisVMList.PaxPreferenceBySegment" data-template="PaxPreferenceTemplate"></div>
 <div data-bind="source: ApisVMList.PaxPreferenceBySegment" data-template="PaxPreferenceTemplate_Second"></div>

        <div style="text-align:center;">
            <button type="button" id="btnIssueTicket" onclick="SaveIssueTicket(this)" class="k-button k-primary Apis_submit " style="width: 100px; height: 25px; margin-right: 5px;">
                <i class="fa fa-floppy-o fa-inverse" aria-hidden="true"></i> Save
            </button>
            <button type="button" class="k-button " onclick="CloseApisWindow(this)" style="width: 100px; height: 25px;"><i class="fa fa-ban"></i> Cancel</button>
        </div>
    </div>
</script>

<script id="PaxPreferenceTemplate" type="text/x-kendo-template" class="KendoExtTemplate">
    <div data-bind="source: Segment" data-template="SegmentTemplate"></div>
</script>
<script id="PaxPreferenceTemplate_Second" type="text/x-kendo-template" class="KendoExtTemplate">
    <div data-bind="source: PaxInfo" data-template="PaxInfoTemplate"></div>
</script>

---

传递给PaxPreferenceTemplate的对象源是数组的集合，因此我需要模板。我不能删除PaxPreferenceTemplate并将代码放在父html中。从那时起，呈现将不知道应呈现PaxPreferenceBySegment[0]或[1]等。对象的结构如下：我已更改响应，并将其分为两个模板。Ciccio，当数据源“ApisVMList.PaxPreferenceBySegment”包含2项时出现问题。jsfiddle.net/9wduzvr1/2/如果您的数据源是jsfiddle.net/r9Lahs3f，则显然您的渲染不是树。您将Segment和PaxInfo作为同一根，但如果您希望PaxInfo作为Segmnet的子项，则必须更改您的结构。我不知道为什么同时生成两个Segment。段和PaxInfo都是PaxPreferenceBySegment下的同一级别。但是请检查我想要在这个链接jsfiddle.net/9wduzvr1/2/中使用的UI。UI链接在JSFIDLE的html中。请查收。我想要像箭头在UI中表示的那样的UI