2012-04-04 5 views
2

Ich würde gerne ein Colspan-Attribut auf eine Td im modalen JQgrid-Fenster anwenden. Es macht das modale Formular mit der folgenden StrukturJqgrid Modal Colspan

<form ...> 
    <table ...> 
    <tbody> 
     <tr ...> 
     <td class="CaptionTD"></td> 
     <td class="DataTD"></td> 
     <td class="CaptionTD"></td> 
     <td class="DataTD"></td> 
     </tr> 
    </tbody> 
    </table> 
</form> 

ich bei allen options verfügbar habe gesucht, aber ich bin mir nicht klar, wie man ein colspan Attribut einer des TDs anzuwenden. Ich habe gelesen, dass ich der Zelle etwas Stil anfüge, zB mit der Option "classes", aber soweit ich weiß (basierend auf meinen Nachforschungen ... wenn man es so nennen kann), kann man den colspan einer Tabelle nicht mit CSS setzen wie es nicht als ein Stil, sondern eine "strukturelle Veränderung der Tabelle"

Antwort

3

Verwenden Sie rowpos und colpos Eigenschaften von formoptions und die zweite Label-Spalte ausblenden möchten? Können Sie ein Codebeispiel angeben, das zeigt, in welcher Situation die Verwendung von colspan gut wäre?

Im Allgemeinen können Sie colspan Attribut innerhalb von beforeShowForm Callback setzen. Man kann so etwas wie

// in the below example the column name is 'name' 
$("#tr_name>td:eq(1)").attr("colspan", "2"); 
$("#tr_name>td:eq(1)>input").css("width", "95%"); 
$("#tr_name>td:eq(0)").hide(); 

oder so etwas wie

beforeShowForm: function() { 
    var $tr = $("#tr_name"), // 'name' is the column name 
     $label = $tr.children("td.CaptionTD"), 
     $data = $tr.children("td.DataTD"); 
    $data.attr("colspan", "2"); 
    $data.children("input").css("width", "95%"); 
    $label.hide(); 
} 

Normalerweise verwenden, wenn Sie colspan=2 auf <td> legen Sie dann ein paar vorherigen <td> Element in der gleichen Zeile verbergen.

Als Ergebnis einer etwas wie

enter image description here

bekommen