1

私は DevExtreme MVVM アーキテクチャを使用しています。私のシナリオによれば、ボタン クリック イベントで dxSelectBox (コンボ ボックス) をバインドする必要があります。

HTML コード:

<div data-bind="dxButton:{onClick:display,text:'Click Me'}"></div>

<div data-bind="dxSelectBox:{dataSource: themes, displayExpr: 'name' }"></div>

JS コード:

var themesArray = [
        { themeId: 1, name: "Android (Dunkel)" },
        { themeId: 2, name: "Desktop" },
        { themeId: 3, name: "iOS" },
        { themeId: 4, name: "Windows 8" },
        { themeId: 5, name: "Windows Phone 8" },
        { themeId: 6, name: "Tizen" }
];

var themes = new DevExpress.data.DataSource(themesArray);

var viewModel = {
    themes: '',
    display: function () {
        console.log(themesArray);
        themes: themesArray
    }
};
return viewModel;

ヒント: dxSelectBox の値が空です... 私はこの環境に不慣れで、どこを間違えたのかわかりません..

4

1 に答える 1