源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery生成asp.net服务器控件的代码

  • 时间:2021-10-28 09:21 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery生成asp.net服务器控件的代码
HTML如下
[u]复制代码[/u] 代码如下:
<tr> <td class="leftTd" style="width: 107px">附加金额</td> <td style="width: 315px"><asp:TextBox ID="txtExtendMoney" Text="0" runat="server"></asp:TextBox> <asp:RegularExpressionValidator ID="regExtend" runat="server" ControlToValidate="txtExtendMoney" Display="Dynamic" ErrorMessage="格式不正确" ValidationExpression="[1-9]\d*\.\d*|0\.\d*[1-9]\d*|^[1-9]\d*|0"></asp:RegularExpressionValidator> <asp:RequiredFieldValidator ID="reqExtedNo" runat="server" ControlToValidate="txtExtendMoney" Display="Dynamic" ErrorMessage="不可为空"></asp:RequiredFieldValidator></td> <td class="leftTd">结算方式</td> <td><asp:DropDownList ID="ddlPayType" runat="server"><asp:ListItem>现金</asp:ListItem><asp:ListItem>银行转账</asp:ListItem></asp:DropDownList></td> </tr> <tr> <td class="leftTd">结算账户</td> <td colspan="3"><asp:RadioButtonList ID="rdbPayAccountBank" runat="server" RepeatLayout="Flow"></asp:RadioButtonList></td> </tr>
最后一个RadioButtonList的ListItem为“其他账户",当选中时,其后增加相应的asp.net服务器控件。选择其它时移除该控件。 [img]http://files.jb51.net/upload/2010-2/20100204121624850.png[/img] 增加 [img]http://files.jb51.net/upload/2010-2/20100204121624438.png[/img] 引入jQuery,然后如下代码
[u]复制代码[/u] 代码如下:
/*结算方式*/ $(":radio:last").bind("click",function(){ if($("#txtBankNew").length==0){ $(this).parent().append('<span id="span"><label style="margin-left:6px;margin-right:4px;" for="txtBankNew">开户银行</label><input runat='server' id='txtBankNew' type='text' /><label style="margin-left:6px;margin-right:4px;" for="txtAccountNew">开户账户</label><input type='text' id='txtAccountNew' runat='server' /></span>'); }; $("#txtBankNew").focus().select(); }); $(":radio:not(:last)").bind("click",function(){ if($("#txtBankNew").length>0){ $("#span").remove(); } });
这里值得注意的是如果append之后的控件为服务器控件,也就是有runat="server"属性的,原先的单引号生成源后会自动变成双引号,并且runat="server"消失。这实际上跟手工在前台书写此DOM结构.net framework处理一致。因此打开此页面源文件可以看到如下 [img]http://files.jb51.net/upload/2010-2/20100204121624350.png[/img] 但不幸的是,该服务器控件依然没有起作用…… 还是用隐藏服务器控件来解决吧–!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部