DevExtreme dxRadioGroup default selectedIndex issue

Question

Iam using DevExtreme 14.2 version, am not able to set default value on dxRadioGroup. consider the following code i don't know where i did mistake.

HTML:

      <div data-bind="dxRadioGroup: { dataSource: items, layout: 'horizontal', value: defaultvalue, valueExpr: 'this' }"></div>

JS:

 dxSample_13_2.home = function (params) {

  var viewModel = {
    items: [
        { text: "Tea" },
        { text: "Coffee" },
        { text: "juice" }
    ],
    defaultvalue: ko.observable(items[2]),
  }

  return viewModel; 
 };

There doesn't appear to be anything in the documentation. I'd suggest to ask DevExtreme themselves — Wayne Ellery, Jan 10 '15 at 12:43

score 0 · Accepted Answer · answered Jan 11 '15 at 16:48

Looks like you have an error in your code. There is no items variable that you try to access.

var items = [
        { text: "Tea" },
        { text: "Coffee" },
        { text: "juice" }
    ];

var viewModel = {
    items: items,
    defaultvalue: ko.observable(items[2])
};

See working fiddle: http://jsfiddle.net/tabalinas/tfvtq9y0/

DevExtreme dxRadioGroup default selectedIndex issue

1 Answers1