2009-07-30 21 views
0

Dojo(1.3)のcheckBoxesを使用して、checkBoxesの下に表示されるDojo Gridで列を表示/非表示にしようとしています。その機能はうまく動作するようになっていますが、私はcheckBoxesを少し整理したかったのです。そこで私はそれらをテーブルに入れてみました。マイdojo.addOnLoad関数は次のようになります。私は、HTMLを正しくテーブルのために生成されていることがわかります道場のデバッガを使用してDojo表がIE6でレンダリングされない

  1. dojo.addOnLoad(function(){ 
        var checkBoxes = []; 
        var container = dojo.byId('checkBoxContainer'); 
        var table = dojo.doc.createElement("table"); 
        var row1= dojo.doc.createElement("tr"); 
        var row2= dojo.doc.createElement("tr"); 
        var row3= dojo.doc.createElement("tr"); 
    
        dojo.forEach(grid.layout.cells, function(cell, index){ 
         //Add a new "td" element to one of the three rows 
        }); 
    
        dojo.place(addRow, table); 
        dojo.place(removeRow, table); 
        dojo.place(findReplaceRow, table); 
    
        dojo.place(table, container); 
    }); 
    

    何イライラすることです。

  2. 私はそのHTMLを取って、テーブルを空のHTMLファイルに入れて、テーブルのcheckBoxesをうまく描画します。
  3. Firefoxではページが正しく表示されますが、IE6では正しく表示されません。

そうのようなルックスを生成されたHTML:

<div id="checkBoxContainer"> 
    <table> 
     <tr> 
      <td> 
       <div class="dijitReset dijitInline dijitCheckBox" 
        role="presentation" widgetid="dijit_form_CheckBox_0" 
        wairole="presentation"> 
        <input class="dijitReset dijitCheckBoxInput" 
         id="dijit_form_CheckBox_0" 
         tabindex="0" type="checkbox" 
         name="" dojoattachevent= 
         "onmouseover:_onMouse,onmouseout:_onMouse,onclick:_onClick" 
         dojoattachpoint="focusNode" unselectable="on" 
         aria-pressed="false"/> 
       </div> 
       <label for="dijit_form_CheckBox_0"> 
        Column 1 
       </label> 
      </td> 
      <td> 
       <div class="dijitReset dijitInline dijitCheckBox" 
        role="presentation" widgetid="dijit_form_CheckBox_1" 
        wairole="presentation"> 
        <input class="dijitReset dijitCheckBoxInput" 
         id="dijit_form_CheckBox_1" 
         tabindex="0" type="checkbox" 
         name="" dojoattachevent= 
         "onmouseover:_onMouse,onmouseout:_onMouse,onclick:_onClick" 
         dojoattachpoint="focusNode" unselectable="on" 
         aria-pressed="false"/> 
       </div> 
      </td> 
     </tr> 
     <tr> 
      ... 
     </tr> 
    </table> 
</div> 

私は公式DOJOのフォーラムに投稿しているだろうが、それは、彼らが非推奨していると、彼らは今、メーリングリストを使用していると言います。彼らはメーリングリストがあなたのために働かないなら、StackOverflow.comを使用して言った。だから、私はここにいる!

+0

メーリングリストはhttp://mail.dojotoolkit.org/mailman/listinfo/dojo-interestです。必要に応じてNabbleやGmaneを使用してWebインターフェイスでアクセスできます。しかし、私はここでも尋ねるのは大丈夫だと思います。 –

答えて

0

<tbody>要素を作成していないようです。

0

IE7でdojoを使用してテーブルを生成しようとすると、この問題も発生しました。 htmlはありますが、何も描画されません。もう一度、解決策は、theadodyタグを使用することです。

関連する問題