Acumatica 为 PXGrid 中的特定列设置样式？

Question

我正在尝试为 PXGrid 中的列定义 Css 样式。

 <px:PXGrid ID="grid" runat="server" DataSourceID="ds" Width="100%"
                    TabIndex="100" SkinID="DetailsInTab" StatusField="Availability" SyncPosition="True" Height="473px" OnColumnDataBound="grid_rowBound">


protected void grid_rowBound(object sender, PX.Web.UI.PXGridRowEventArgs e)
{
    Object value = e.Row.Cells["OrigQty"].Value;
    if (value != null && ((Boolean)value) == false)
        e.Row.Style.CssClass = "RedCol";
}

是否可以使用 OnColumnDataBound 设置列样式？

Answer 1

您可以在后面的页面代码中动态创建样式，如下所示。

在下面的示例中，我修改了开箱即用的EP503010 页面。

protected void Page_Load(object sender, EventArgs e)
{
    Style escalated = new Style();
    escalated.ForeColor = System.Drawing.Color.Red;
    this.Page.Header.StyleSheet.CreateStyleRule(escalated, this, ".CssEscalated");

    Style rowStyle = new Style();
    rowStyle.BackColor = System.Drawing.Color.Red;
    this.Page.Header.StyleSheet.CreateStyleRule(rowStyle, this, ".CssRowStyle");

    Style cellStyle = new Style();
    cellStyle.BackColor = System.Drawing.Color.Aqua;
    this.Page.Header.StyleSheet.CreateStyleRule(cellStyle, this, ".CssCellStyle");

    Style highlightStyle = new Style();
    highlightStyle.BackColor = System.Drawing.Color.Yellow;
    this.Page.Header.StyleSheet.CreateStyleRule(highlightStyle, this, ".CssHighlightStyle");
}

并在PXGrid 的OnRowDataBound 事件处理程序中使用它，如下所示

protected void grid_RowDataBound(object sender, PX.Web.UI.PXGridRowEventArgs e)
{
    EPApprovalProcess.EPOwned item = e.Row.DataItem as EPApprovalProcess.EPOwned;
    if (item == null) return;
    if (item.Escalated == true)
    {
        //For Row - change the Font to Red
        e.Row.Style.CssClass = "CssEscalated";
    }
    else if (item.CuryTotalAmount.HasValue && item.CuryTotalAmount.Value > 10m)
    {
        //For Row - change the background to Red
        e.Row.Style.CssClass = "CssRowStyle";
    }

    //For Specific Column - change the background to Aqua - Whole Column all row.
    e.Row.Cells["Descr"].Style.CssClass = "CssCellStyle";

    //Conditional a specific column cell
    if (item.CuryTotalAmount.HasValue && item.CuryTotalAmount.Value > 10m)
    {
        e.Row.Cells["CuryTotalAmount"].Style.CssClass = "CssHighlightStyle";
    }
}

您可以参考开箱即用的 EP503010.aspx 和 EP503010.aspx.cs 页面文件。