Question

我已经使用外部服务器的数据创建了一个小部件（组合框）。我只想从组合框中选择的值从另一个小部件看到标签。

组合框中小部件的来源：

<div id="exampleCombo">
        <div class="demo-section k-content">
            <h4>Facility</h4>
            <input id="fac" style="width: 30%;" />
        </div>
    <script>
        $(document).ready(function (user) {
            $("#fac").kendoComboBox({
                dataTextField: "client",
                dataValueField: "client",
                order: "ascending",
                height: 400,
                dataSource: {
                    // type: "odata",
                    type: "json",
                    transport: {

                        read: "/mvc/controllers/UserfacilitiesCombo/get/" + user
                    },
                    group: { field: "facility" }
                },
            });

        });

带有标签的小部件的来源：

 <div id="exampleLabel">
        <div class="demo-section k-content">
            <ul class="forms">
                <li>
                    <label>FacilityName</label>
                    <input id="FacPass"  name="FacPass" value="Test" class="k-textbox" style="width: 100%;" />
                </li>
            </ul>
        </div>

有人可以帮我吗？

Answer 1

您可以使用更改事件。将它放在dataSource之后，并将类名添加到目标标签

change: function(e) {
    var value = this.value();
    $('.yourLabelClass').html(value);
  }

以下是有关可用事件的更多信息 https://docs.telerik.com/kendo-ui/api/javascript/ui/combobox/events/change

在2个MVC小部件之间传递数据

1 个答案: