Question

我有一个简单的下拉列表，如下所示：

<div id="ActionMenu">
   <input id="ddlActionList"
       data-role="dropdownlist"
       data-text-field="text"
       data-value-field="value"
       data-value-primitive="true"
       data-bind="value: selectedAction, source: actionList"/>
 </div>

在另一个div中，我有一个简单的弹出窗口：

<div id="window"
    data-role="window"
    data-title="Message panel"
    data-actions="['close']"
    data-bind="visible: isVisible, enabled: isEnabled">
<p>Action selected: <span data-bind="text: getSelectedAction()"></span></p>
</div>

并且它全部包含在ActionMenu div下。

this.ActionMenu = kendo.observable({
        actionList: [{ text: 'Option A', value : 0 },
                     { text: 'Option B', value : 1 },
                     { text: 'Option C', value : 2 },
                     { text: 'Option D', value : 3 }],
        selectedAction: 0,
        selectedActionText: function() {
            // return what ?            
            }
        }
    });

我的问题是我无法从Window视图模型中获取所选文本：

this.MessageWindow = kendo.observable({
        actions: ["Close"],
        getSelectedAction: function (e) { return that.ActionMenu.get("selectedActionText"); }
    });

如果我这样做：

var ddlActionList = that.kWidgetHelper.getWidgetInstance("ddlActionList");
ddlActionList.text();

总是会返回第一个文本＆＃34;选项A＆＃34;而不是选定的文本。

这似乎是一件容易的事，但到目前为止，我无法抓住所选的文字。

我也尝试过：

  this.actionList[this.get("selectedAction")].text which produces an error.

我也尝试过：

selectedActionText:  function(event) {
            return event.sender.text();
        }

哪个不起作用。

另外

 selectedActionText: function() {
            return that.ActionMenu.actionList[that.ActionMenu.selectedAction].text;
        },

始终返回第一个选项。

我相信我的问题是我试图从另一个视图模型中获取一个视图模型的当前值。

任何想法如何做到这一点？

Answer 1

如果DDL选择发生了变化，DDL的text（）方法应该可以正常工作，它应该显示相应的文本。

如果使用dataItem（）方法然后从中获取text属性，结果也应该相同。

无法使用来自另一个视图模型的MVVM在kendo下拉列表控件中获取文本

1 个答案: