2013-08-01 34 views
1

我目前使用jQuery Datatables顯示多個表之間的關係數據,jEditable編輯表值和UI Dropable進行排序。但對於我的生活,我無法理解如何根據關係對行進行遮蔽。例如:基於MySQL的動態陰影數據錶行關係

ID | Title | Parent 

1 | Main Page  | 0 
2 | Main Page 2 | 0 
3 | Sub of Main | 1 
4 | Sub of Main 2 | 2 

我想遮蔽ID的1和2一種顏色,ID 3和4的顏色不同。該表已經正常工作,但我設置一個嵌套類像「父母」和「孩子」在CSS中着色?

編輯

使用嵌套類嘗試,然後在CSS着色的TD的,但它仍然默認爲我的CSS放在主題的ThemeRoller後甚至在的ThemeRoller。

回答

1

這可能是美樂者風格有一個更具體的選擇。 您可能必須將跛腳!放在您的風格中。

0

當從服務器獲取您的JSON

{ 
    "sEcho": 1, 
    "iTotalRecords": "57", 
    "iTotalDisplayRecords": "57", 
    "aaData": [ 
    [ 
     "Gecko", 
     "Firefox 1.0", 
     "Win 98+/OSX.2+", 
     "1.7", 
     "A" 
    ] 
] 
} 

你需要獲取更多的數據,讓您的JSON看起來像

{ 
     "sEcho": 1, 
     "iTotalRecords": "57", 
     "iTotalDisplayRecords": "57", 
     "aaData": [ 
     [ 
      "Gecko", 
      "Firefox 1.0", 
      "Win 98+/OSX.2+", 
      "1.7", 
      "<section data-hues='blue'>A</section>" 
     ] 
    ] 
    } 

上面顯示A,再加上你可以訪問的所有信息data-*例如

php

<?php 
$mysqli = new mysqli("localhost", "root", "", "world"); 

/* check connection */ 
if (mysqli_connect_errno()) { 
    printf("Connect failed: %s\n", mysqli_connect_error()); 
    exit(); 
} 

$query = "SELECT * FROM City limit 10 "; 

if ($result = $mysqli->query($query)) { 

$output = array(
     "sEcho" => "300", 
     "iTotalRecords" => "321", 
     "iTotalDisplayRecords" => "10", 
     "aaData" => array() 
    ); 

    while ($row = $result->fetch_assoc()) {  
    $output['aaData'][] = array($row["ID"],$row["Name"],$row["CountryCode"],$row["District"],'<section class="red" data-sn="'.$row["ID"].'">'.$row["Population"].'</section>'); 
    } 

    echo json_encode($output); 

    /* free result set */ 
    $result->free(); 
} 

/* close connection */ 
$mysqli->close(); 
?> 
在客戶端

,有類.red{background-color:red;}

我甚至嘗試這樣做,它works.Cheers。