嗨,我是javascript和c#的新手。如果我错了,请纠正我。
这是我的gridview
代码。
<asp:GridView ID="GridView1" CssClass="table table-hover table-bordered" runat="server" AutoGenerateColumns="False" ShowFooter="True" CellPadding="4" ForeColor="#333333" GridLines="None" OnRowCommand="GridView1_RowCommand">
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
<Columns>
<asp:BoundField DataField="AvlQty" HeaderText="Available" ItemStyle-Width="35" >
<ItemStyle Width="35px"></ItemStyle>
</asp:BoundField>
<asp:TemplateField HeaderText="Qty" ItemStyle-Width="70">
<ItemTemplate>
<asp:TextBox ID="TextBoxQty" onkeyup="Calculation(this)" CssClass="txtQty" runat="server" Text='<%# Eval("SelQty") %>' MaxLength="5" Width="45"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBoxQty" Display="Dynamic" ForeColor="Red" ErrorMessage="RequiredFieldValidator">*</asp:RequiredFieldValidator>
<asp:regularexpressionvalidator ID="revAvailablePeriod" runat="server" ErrorMessage="Must > 0" ForeColor="Red" controltovalidate="TextBoxQty" validationexpression="^[1-9][0-9]*(\.[0-9]+)?|0+\.[0-9]*[1-9][0-9]*$" setfocusonerror="true" validationgroup="AddAssests" xmlns:asp="#unknown"></asp:regularexpressionvalidator>
<asp:CompareValidator ID="CompareValidator1" runat="server" ValueToCompare='<%# Eval("AvlQty") %>' ControlToValidate="TextBoxQty" ForeColor="Red"
ErrorMessage="Must < Available" Operator="LessThan" Type="Integer"></asp:CompareValidator>
</ItemTemplate>
<ItemStyle Width="70px"></ItemStyle>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:Button ID="Button2" runat="server" Enabled="false" Text="Place Order >>" CssClass="btn btn-info" OnClick="Button2_Click" />
现在,如果数量大于的每一行的可用数量gridview
,则应禁用“大于”按钮,否则应启用“按钮”。
我想使用javascript函数来实现这一点。有人可以帮我吗?
我写了这个函数,但是不知道什么时候调用以及如何调用..这是我到目前为止所做的。
function Calculation()
{
var grid = document.getElementById("<%= GridView1.ClientID%>");
var counter = 0;
for (var i = 1; i < grid.rows.length ; i++) {
var txtAvl = grid.rows[i].cells[3];
var qty = grid.rows[i].cells[5];
if (txtAvl.value >= qty.value && qty.value > 0)
{ counter++; }
else
{ document.getElementById('Button2').disabled = true; }
}
if (counter == grid.rows.length)
document.getElementById('Button2').disabled = false;
}
该onkeyup
函数足以调用此javascript
验证。我已经稍微更改了您的脚本及其工作方式。
<script type="text/javascript">
function Calculation() {
var grid = document.getElementById('GridView1');
var counter = 0;
for (var i = 1; i < grid.rows.length; i++) {
var txtQty = document.getElementById('GridView1_ctl0' + (i + 1) + '_TextBoxQty'); //TextBox control
if (txtQty != undefined) {
var qty = txtQty.value;
var txtAvl = grid.rows[i].cells[0].innerHTML;
if (txtAvl >= qty && qty > 0) {
counter++;
}
else {
document.getElementById('Button2').disabled = true;
break;
}
}
}
if (counter == grid.rows.length - 2)
document.getElementById('Button2').disabled = false;
}
</script>
你必须把对正确的ID来更新Gridview
和TextBox
相应。希望这可以帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句