使用jquery在gridview中启用按钮

Question

我有一个gridview，它在页脚中将总值放在grandTotalPCT 中。如果grandTotalPCT 不等于 100，我希望按钮 btnUpdatePCTD 保持禁用状态，如果它等于 100，则启用该按钮。

下面的代码是从另一个函数调用的，它随着grandTotalPCT 值的变化而工作。问题是按钮状态没有改变。

<asp:TemplateField HeaderText="Line" ItemStyle-Width="50%">
    <ItemTemplate>
        <asp:Label ID="lblLineD" runat="server" Text='<%# Bind("line") %>'></asp:Label>
    </ItemTemplate>
    <FooterTemplate>
        <asp:Button ID="btnUpdatePCTD" runat="server" Text="Update" CssClass="btn btn-default btn-sm" OnClick="updateDockPCT"  Enabled="False" />
    </FooterTemplate>
    <FooterStyle HorizontalAlign="Center" />
</asp:TemplateField>

<asp:TemplateField HeaderText="% Target" ItemStyle-Width="25%">
    <ItemTemplate>
        <asp:TextBox ID="tbPTC" runat="server" Text='<%# Convert.ToDouble(Eval("dailypercent")) * 100 %>' CssClass="tbPTC"></asp:TextBox>
    </ItemTemplate>
    <FooterTemplate>
        <asp:Label ID="grandTotalPCT" runat="server" CssClass="grandTotalPCT"></asp:Label>
    </FooterTemplate>
</asp:TemplateField>

//To get grand Total PCT
function CalculateGrandTotalPCT() {
    var grandTotalPCT = 0.0;
    $('#<%=gvDockPCT.ClientID %> tr:gt(0)').each(function () {
        grandTotalPCT = grandTotalPCT + parseFloat($(this).find('.tbPTC').length == 0 || !$(this).find('.tbPTC').val() ? 0 : $(this).find('.tbPTC').val());

    });
    $('#<%=gvDockPCT.ClientID %> .grandTotalPCT').text(grandTotalPCT.toFixed(3));
    if (grandTotalPCT.toFixed(3) == 100.000)
    {
        $('#<%=gvDockPCT.ClientID %> .btnUpdatePCTD').prop('disabled', false);
    }
    else
    {
        $('#<%=gvDockPCT.ClientID %> .btnUpdatePCTD').prop('disabled', true);
    }
}

Answer 1

我必须将按钮名称添加到 cssclass CssClass="btnUpdatePCTD btn btn-default btn-sm"

<asp:Button ID="btnUpdatePCTD" runat="server" Text="Update" CssClass="btnUpdatePCTD btn btn-default btn-sm" OnClick="updateDockPCT"  Enabled="False" />

Answer 2

我建议使用 OnRowDataBound 事件而不是 jQuery。

    decimal totalValue = 0;

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            DataRowView row = e.Row.DataItem as DataRowView;
            totalValue += Convert.ToDecimal(row["tocht_id"]);
        }
        else if (e.Row.RowType == DataControlRowType.Footer)
        {
            if (totalValue == 100)
            {
                Button button = e.Row.FindControl("btnUpdatePCTD") as Button;
                button.Enabled = false;
            }

            Label label = e.Row.FindControl("grandTotalPCT") as Label;
            label.Text = string.Format("{0:N2}", GridView1.Rows.Count);
        }
    }