2012-03-14 64 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> 
相关问题