document.readyState === 'complete' ? init() : window.onload = init;

//

function init() {

  // 국가 선택 (string)

  var theComboString = new wijmo.input.ComboBox('#theComboString', {

    selectedIndexChanged: (sender) => {

      setText('theComboStringCurrent', sender.text);

    },

    itemsSource: getCountries()

  });

  //

  // 항목 선택 (object)

  var theComboObject = new wijmo.input.ComboBox('#theComboObject', {

    selectedIndexChanged: (sender) => {

      var text = wijmo.format('{country} (sales: {sales:c0}, expenses {expenses:c0})', sender.selectedValue);

      setText('theComboObjectCurrent', text);

    },

    displayMemberPath: 'country',

    itemsSource: getData()

  });

  //

  //  페이지에 있는 요소에 텍스트 보여주기

  function setText(id, value) {

    document.getElementById(id).textContent = value;

  }

}

​

​

//

function getCountries() {

  return ['China', 'Germany', 'Greece', 'Italy', 'Japan', 'Portugal', 'Russia', 'Spain', 'UK', 'US'];

}

//

function getData() {

  //랜덤 데이터 생성

  let countries = getCountries(), data = [];

  //

  for (let i = 0; i < countries.length; i++) {

    data.push({

      country: countries[i],

      active: i % 5 != 0,

      sales: Math.random() * 100000,

      expenses: Math.random() * 50000

    });

  }

  //

  return data;

}

​