1

I can't get Mithril to render any Bootstrap tables. I have Bootstrap button elements that render just fine using the following (basic) code:

 var TableModule = {
      view: function(){
          return [
             m("button.btn btn-lg btn-primary", { onclick: function () { alert("derr"); } }, "Teh Button"),
             m("table.table table-striped",
                  m("tr", [m("td", "herp"), m("td", "derp")]))
          ]
      }
  } 
  m.module(document.getElementById("test4"), TableModule);

If I hard code the table using:

<table class="table table-striped"><tr><td>herp</td><td>derp</td></tr></table>

(which is the exact same html the the Mithril code above produces) I get the following: enter image description here

Ideas, thoughts, suggestions? Any and all welcome.

4

3 に答える 3

3

Mithril に静的 CSS クラスを追加する場合は、.CSS セレクター構文を使用することをお勧めします。このセクションを参照してください。

したがって、コードは次のようになります。

var TableModule = {
          view: function(){
              return [
                 m("button.btn.btn-lg.btn-primary", { onclick: function () { alert("derr"); } }, "Teh Button"),
                 m("table.table.table-striped",
                      m("tr", [m("td", "herp"), m("td", "derp")]))
              ]
          }
      }

m.mount(document.getElementById("test4"), TableModule);

@ciscoheat からの他のコメントも有効です。新しいバージョンの Mithril ではm.mountまたはを使用する必要があります。m.route

于 2015-11-30T01:35:55.210 に答える
2

m.mountの代わりに呼び出す必要があるほど単純な場合がありますm.module。モジュールも 0.2 以前の概念であり、コンポーネントは現在使用されているものです。(それほど大きな違いではありませんが、読む価値があります: http://mithril.js.org/mithril.component.html )

編集：m呼び出しのクラス間にもドットを追加してみてください。button.btn.btn-lg.btn-primary例えば。

于 2015-11-27T22:20:19.883 に答える
0

TR を TBODY でラップする必要があります。これは Bootstrap によって自動的に行われるようですが、v-nodes と m-helper を使用する場合はそうではありません。

于 2016-04-23T16:09:22.977 に答える