scalajs javascript callback
-
javascript callback 처리 하기 - checkboxweb/mhtml 2021. 10. 25. 15:09
문제 dropdown callback 처리 처럼 reactive, non-reactive 하게 각각 사용할 수 있다. 여기서는 reactive 하게 동작하게 해 보자. 코드 import mhtml._ import org.scalajs.dom import scala.scalajs.js val isChecked: Var[Boolean] = Var(false) val content = isChecked := e.target.checked.asInstanceOf[Boolean]}> Label isChecked: {isChecked.map(_.toString)} mount(dom.document.getElementById("main_content"), content) import mhtml._ import org..
-
javascript callback 처리 하기 - dropdownweb/mhtml 2021. 10. 25. 14:01
문제 scalajs 에서 fomantic-ui dropdown module 을 사용하기 위해서는 javascript callback 을 등록해 줘야 한다. dropdown 동작 방식 처리는 아래와 같이 2가지로 할 수 있다. dropdown 메뉴에서 아이템이 선택되면 바로 UI 갱신 (reactive) 아이템을 선택한 후 별도의 버튼을 누르면 그 때 선택된 아이템을 읽어 UI 갱신 (non-reactive) fomantic-ui example 을 대상으로 mhtml 을 함께 사용해 구현해 보자 코드 reactive 방식 import mhtml._ import org.scalajs.dom import scala.scalajs.js val selectedGender: Var[String] = Var("") ..