0

これを読んでくれてありがとう。私はアドビのフォーラムでも同様に尋ねましたが、うまくいきませんでした。

教科書用の小さな図書館アプリケーションを構築しています。2つのテーブルと言うデータベースを作成しました

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

私は適切に spry を使用して、本のリストをページネーション付きの表に印刷する表を簡単に作成しました。

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");

ID_Book が Loans テーブル - ds3 内にある場合、BOOKS テーブルのテーブル行の色を変更する方法を見つけたいと思います。

テーブルが作成されます

<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>

どうもありがとうございました。ディノス - ギリシャ

4

1 に答える 1

0

読んでくれてありがとう。

から引き出されたアイデアに基づいて解決策を見つけました

labs.adobe.com/technologies/spry/samples/data_region/CustomColumnsSample.html

次のコードを追加しました。

  1. CSS ルールを作成しました

まあ言ってみれば

.match {

background-color: #0CF;



}
  1. spry:region で、直後に動的に追加されるクラス {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>
于 2012-03-15T20:39:11.960 に答える