scalajs prototype propery on js object

Question

I'm trying to convert the js:

 //  var XComponent = document.registerElement('x-component', {
    //    prototype: Object.create(HTMLElement.prototype, {
    //      createdCallback: {
    //        value: function() {
    //        var root = this.createShadowRoot();
    //        var template = document.querySelector('#template');
    //        var clone = document.importNode(template.content, true);
    //        root.appendChild(clone);
    //      }
    //      }
    //    })
    //  });

into the scalajs:

import org.scalajs.dom.document


object XComponent {

  implicit class ExtendedDom(x: html.Document) {

    def registerElement( name:String, obj: js.Object ): Unit = js.native

  }

}

class XComponent {

  import XComponent._

  val xComponent = document.registerElement("x-component", js.Object {

    ..

  })  


}

Not sure what to do about prototype property..?

Hum ... nothing special. The way it's used here, it's just like any other field of any object. So just create a property named `prototype`. — sjrd, May 26 '16 at 03:51

score 0 · Answer 1 · answered Jun 03 '16 at 21:08

How about this ...

import org.scalajs.dom.{document, html}

import scala.scalajs.js

object XComponent {

  implicit class ExtendedDom(x: html.Document) {

    def registerElement( name:String, obj: js.Object ): Unit = js.native

  }

}


class XComponent {

  import XComponent._

  val xComponent = document.registerElement("x-component", js.Object {

    val prototype = js.Object.create(
      js.Object{
        val createdCallback = js.Object{
          def value = {
            var root = //this.createShadowRoot();
              ...
          }
        }
      }
    )
  })
}

scalajs prototype propery on js object

1 Answers1