前言：

通過實踐，對於easyui的瞭解在進一步的加深，小小的效果能增添顯示的清晰度和美感。這次要求通過生成時間和年限計算出到期時間，並更具到期時間和當前時間的比較，讓到期的行顯示成粉色，其餘行顏色不變。這就涉及到資料表格的行風格。

分析：

easyui資料表格的行風格通過data-option的rowStyler來實現。

核心程式碼：

@*資料列表*@
 <div>
 <table id="BottleLifeGrid" class="easyui-datagrid" style="width:100%;height: 460px"
 data-options="rowStyler: function (index, row) {
 if (row.DueDate > new Date().toLocaleDateString()) {return 'background-color:#FFC0CB;color:#fff;'; }}">
</table>
</div>

//獲取使用年限
 int serviceLife = Convert.ToInt32(item.ServiceLife);
//通過生產時間和使用年限計算到期時間
  DateTime DueDate = Convert.ToDateTime(item.ProduceDate).AddYears(serviceLife);
//格式轉換
  string dueDate = DueDate.ToShortDateString();

效果：

總結：

小小的效果也好好好的對待，通過這些效果的實現能得到很好的鍛鍊，最重要的是小小效果的不斷積累能很好的提高使用者的體驗度。