2012-03-14 66 views
0

非常感謝您閱讀本文。 我已經在Adobe論壇中問過,但沒有運氣。Srpy數據集如果根據不同數據集的值做出決策

我正在爲學校圖書建立一個小型圖書館應用程序。 我創建了一個數據庫,讓說,2臺

Books (ID_Book , Writer , Title , Copies) and 
Loans (ID_Book , Load_ID , Loan_Date) etc 

我用正確的輕快輕鬆創建與分頁打印在表格 圖書列表的表。

var ds1 = new Spry.Data.XMLDataSet("ajaxquery.php", "root/row", {sortOnLoad: "Writer", sortOrderOnLoad: "ascending"}); 
ds1.setColumnType("ID_Book", "number"); 
var pv1 = new Spry.Data.PagedView(ds1 ,{ pageSize:10 }); 
var pv1PagedInfo = pv1.getPagingInfo(); 
pv1.setColumnType("ID_Book", "number"); 

我已經做了必要的聲明產生的數據集的貸款

var ds3 = new Spry.Data.XMLDataSet("ajaxallloans", "root/row", {sortOnLoad: "ID_Book", sortOrderOnLoad: "ascending"}); 
ds3.setColumnType("ID_Book", "number"); 
ds3.setColumnType("ID_Dan", "number"); 

我想找到一種方法來更改BOOKS表錶行顏色如果一個ID_Book距離貸款表 - ds3。

表再次創建

<div spry:region="pv1" id="bibliapv"> 

<div spry:state="loading" class="loading" >Loading...</div> 

<div spry:state="ready"> 
    <table> 
    <tr > 

     <th width="75" spry:sort="ID_Book"> Book No</th> 
     <th width="123" spry:sort="Writer">Writer </th> 
etc... 

    </tr> 


    <tr spry:repeat="pv1" spry:select="mySelectClass" spry:hover="hover"> 
     <td >{ID_Book}</td> 
     <td>{writer}</td> 
    etc .. 
    </tr> 

</table> 
    </div> 
</div> 
<div> 

非常感謝。 Dinos - 希臘

回答

0

非常感謝您的閱讀。

我發現基於從

labs.adobe.com/technologies/spry/samples/data_region/CustomColumnsSam ple.html

我加入以下代碼繪製的想法的解決方案:

  1. 創建CSS規則

讓說

.match { 

background-color: #0CF; 



} 
  1. 在輕快:區域添加類{} cssRule指定規則這是剛剛閉幕添加標記之前後不久<tr class="{cssrule}" spry:repeat="pv1" spry:select="mySelectClass" spry:hover="hover">

3.

然後動態添加(你可以把它前面的代碼)

<script type="text/javascript"> 

    ds2.addObserver({ 

    onPostLoad:function(ds2, data){ 

    var data = ds2.getData(); 

    var pv1data = pv1.getData(); 



for(var i = 0; i < pv1data.length; i++) 

    {    

     for (var j =0 ; j< data.length ; j++) 

    {  if ((data[j].Writer).toString()== (pv1data[i].Writer).toString()) //or whatever you like! 

     {pv1data[i].cssrule="match"; } 

    } 

    } 



    } 

}); 
</script> 
相關問題