kendo dropdownlist selected value data-bind 已選取值的預設問題

這幾天試著解決這問題,但還是沒有很完美的解決!!

在欄位顯示出來欄位必需要在下拉式選單中,呈現已選取狀態,實現作法。

但是,如果你的後端與前端的欄位不相同或者是,後端使用了關聯性顯示會造成kendo的下拉式選單(已選取部份)失效!!

前端
 

 {
                    field: "AreaID",
                    title: "所屬組別",
                    editor: function (container, options) {
                        $('<input id="Areas"  data-bind="value:' + options.field + '"/>')
                            .appendTo(container)
                            .kendoDropDownList({
                                dataTextField: "AreaName",//下拉框中的內容
                                dataValueField: "AreaID", //下拉框中的元素被真正取到的值
                                dataSource: {
                                    type: "webapi",
                                    transport: {
                                        read: {
                                            url: "/api/AreaAPI/GetAreas"
                                        }
                                    }
                                },                              
                            });
                    },
                },