在VS2010中的产生ClientID有几种方式，每个控件或页面有个ClientIDMode属性，可以用来决定产生ClientID的方式，它有AutoID，Static，Inherit，Predictable,具体区别请在网上查找。默认为AutoID.

但在VS2010中产生的ClientID是有bug.即产生的ClientID和客户端产生的HTML的ID是不一样的，因此在用js或jQuery的函数中要调用指定ID的元素时系统提示不存在此元素。

处理思路：

由于每个元素产生的ClientID是唯一的，我们可以给要用到的元素设定一个或多个属性，这此属性也是唯一的，这样可以在js中用这些属性来找到此元素并操作它。

示例：

1.在页面中有三个输入框，单价、数量、总金额，当离开单价框或数量框时，会自动在总金额中显示单价*数量的值。因此我们可以建立数据表：id(自增),price(单价),count(数量),Amount(金额).

2.由于要在新增是就应该建立元素的属性，因此用listview 的ItemCreated事件，在这里面注册每个元素属性，并注册它们的事件。

3.html源码：

<%@ Page Language="C#"  AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ClientIDBug.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script src="js/jquery-1.10.1.js" type="text/javascript"></script>

    <script type="text/javascript">

        function onamount(priceid, countid, amountid) {

            var price = $("input[myid=" + priceid + "]").val();

            var count = $("input[myid=" + countid + "]").val();

            var iprice = parseFloat(price);

            var icount = parseInt(count, 10);

            if (!isNaN(iprice) & !isNaN(count)) {

                $("input[myid=" + amountid + "]").val(iprice * icount);

            }

       };

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:ObjectDataSource ID="ObjectDataSource1" runat="server"

            DeleteMethod="Delete" InsertMethod="Insert"

            OldValuesParameterFormatString="original_{0}" SelectMethod="GetData"

            TypeName="ClientIDBug.DAL.DataSetPriceTableAdapters.T_PriceTableAdapter"

            UpdateMethod="Update">

            <DeleteParameters>

                <asp:Parameter Name="Original_id" Type="Int32" />

            </DeleteParameters>

            <InsertParameters>

                <asp:Parameter Name="price" Type="Decimal" />

                <asp:Parameter Name="count" Type="Int32" />

                <asp:Parameter Name="amount" Type="Decimal" />

            </InsertParameters>

            <UpdateParameters>

                <asp:Parameter Name="price" Type="Decimal" />

                <asp:Parameter Name="count" Type="Int32" />

                <asp:Parameter Name="amount" Type="Decimal" />

                <asp:Parameter Name="Original_id" Type="Int32" />

            </UpdateParameters>

        </asp:ObjectDataSource>

        <asp:ListView ID="ListView1" runat="server" DataKeyNames="id"

            DataSourceID="ObjectDataSource1" InsertItemPosition="LastItem"

            onitemcreated="ListView1_ItemCreated" onitemdatabound="ListView1_ItemDataBound">

            <EmptyDataTemplate>

                <table runat="server" style="">

                    <tr>

                        <td>

                            未返回数据。</td>

                    </tr>

                </table>

            </EmptyDataTemplate>

            <InsertItemTemplate>

                <tr style="">

                    <td>

                        <asp:Button ID="InsertButton" runat="server" CommandName="Insert" Text="插入" />

                        <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="清除" />

                    </td>

                    <td>

                        &nbsp;</td>

                    <td>

                        <asp:TextBox ID="priceTextBox" runat="server" Text='<%# Bind("price") %>' />

                    </td>

                    <td>

                        <asp:TextBox ID="countTextBox" runat="server" Text='<%# Bind("count") %>' />

                    </td>

                    <td>

                        <asp:TextBox ID="amountTextBox" runat="server" Text='<%# Bind("amount") %>' />

                    </td>

                </tr>

            </InsertItemTemplate>

            <ItemTemplate>

                <tr style="">

                    <td>

                        <asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text="删除" />

                    </td>

                    <td>

                        <asp:Label ID="idLabel" runat="server" Text='<%# Eval("id") %>' />

                    </td>

                    <td>

                        <asp:Label ID="priceLabel" runat="server" Text='<%# Eval("price") %>' />

                    </td>

                    <td>

                        <asp:Label ID="countLabel" runat="server" Text='<%# Eval("count") %>' />

                    </td>

                    <td>

                        <asp:Label ID="amountLabel" runat="server" Text='<%# Eval("amount") %>' />

                    </td>

                </tr>

            </ItemTemplate>

            <LayoutTemplate>

                <table runat="server">

                    <tr runat="server">

                        <td runat="server">

                            <table ID="itemPlaceholderContainer" runat="server" border="0" style="">

                                <tr runat="server" style="">

                                    <th runat="server">

                                    </th>

                                    <th runat="server">

                                        id</th>

                                    <th runat="server">

                                        price</th>

                                    <th runat="server">

                                        count</th>

                                    <th runat="server">

                                        amount</th>

                                </tr>

                                <tr ID="itemPlaceholder" runat="server">

                                </tr>

                            </table>

                        </td>

                    </tr>

                    <tr runat="server">

                        <td runat="server" style="">

                        </td>

                    </tr>

                </table>

            </LayoutTemplate>

        </asp:ListView>

    </div>

    </form>

</body>

</html>

4. ListView的ItemCreate源码

  protected void ListView1_ItemCreated(object sender, ListViewItemEventArgs e)

        {

            if (e.Item.ItemType == ListViewItemType.InsertItem)

            {

                TextBox priceTextBox = (TextBox)e.Item.FindControl("priceTextBox");

                TextBox countTextBox = (TextBox)e.Item.FindControl("countTextBox");

                TextBox amountTextBox = (TextBox)e.Item.FindControl("amountTextBox");

                priceTextBox.Attributes["myid"] = priceTextBox.ClientID;

                countTextBox.Attributes["myid"] = countTextBox.ClientID;

                amountTextBox.Attributes["myid"] = amountTextBox.ClientID;

                string amountfun=string.Format("onamount('{0}','{1}','{2}')",priceTextBox.ClientID,countTextBox.ClientID,amountTextBox.ClientID);

                priceTextBox.Attributes["onblur"] = amountfun;

                countTextBox.Attributes["onblur"] = amountfun;

            }

        }

13. vs2010 ClientID bug处理的更多相关文章

  1. 13 年的 Bug 调试经验总结

    在<Learning From Your Bugs>一文中,我写了关于我是如何追踪我所遇到的一些最有趣的bug.最近,我回顾了我所有的194个条目(从13岁开始),看看有什么经验教训是我可 ...

  2. 13 年的 Bug 调试经验总结（来自蜗牛学院）

    在<Learning From Your Bugs>一文中,我写了关于我是如何追踪我所遇到的一些最有趣的bug. 最近,我回顾了我所有的194个条目,看看有什么经验教训是我可以学习的.下面 ...

  3. 13 年的 Bug 调试经验总结 【转载】

    在<Learning From Your Bugs>一文中,我写了关于我是如何追踪我所遇到的一些最有趣的bug.最近,我回顾了我所有的194个条目(从13岁开始),看看有什么经验教训是我可 ...

  4. MySQL 5.7.13 的一个BUG

    mysql今天从5.6切到5.7,在测试环境中,日志是全部打印的,发现打了一个警告: Incorrect string value: '\xD6\xD0\xB9\xFA\xB1\xEA...' for ...

  5. cocos2dx 3.13 etc1 ClippingNode Bug 修正

    void TrianglesCommand::useMaterial() const { if(_stencl){ /*******[solyess] etc1 mask的支持************ ...

  6. Tomcat9.0.13 Bug引发的java.io.IOException:(打开的文件过多 Too many open files)导致服务假死

    问题背景: 笔者所在的项目组最近把生产环境Tomcat迁移到Linux,算是顺利运行了一段时间,最近一个低概率密度的(too many open files)问题导致服务假死并停止响应客户端客户端请求 ...

  7. vs2010取消显示所有文件 崩溃

    这属于vs2010的bug,以下是微软官方对些问题的回应: i am still investigating the problem, but looks like the issue is caus ...

  8. 探秘IntelliJ IDEA 13中的版本控制——Subversion 1.8

    IntelliJ IDEA 中引入的重要特性就是版本控制,而在IntelliJ IDEA 13中的体现便是支持最新的Subversion 1.8. 相对于之前版本对Subversion的支持,Subv ...

  9. android-misc-widgets四向（上下左右）抽屉bug修复版－－转载

     android-misc-widgets四向(上下左右)抽屉bug修复版 2013-08-04 08:58:13 标签:bug down top panel slidingdrawer 原创作品,允 ...

随机推荐

  1. Android中悬浮窗口的实现原理和示例代码

    用了我一个周末的时间,个中愤懑就不说了,就这个问题,我翻遍全球网络没有一篇像样的资料,现在将实现原理简单叙述如下: 调用WindowManager,并设置WindowManager.LayoutPar ...

  2. 慢查询日志 与 general_log

            慢查询日志: 打开慢查询日志: set global slow_query_log=on; 输出格式定义:log_output: [file|table] FILE: set glob ...

  3. 全面分析 Spring 的编程式事务管理及声明式事务管理--转

    开始之前 关于本教程 本教程将深入讲解 Spring 简单而强大的事务管理功能,包括编程式事务和声明式事务.通过对本教程的学习,您将能够理解 Spring 事务管理的本质,并灵活运用之. 先决条件 本 ...

  4. 关于oracle的函数,存储过程,触发器,序列,视图,左右连接一些的应用 带案例

    CREATE TABLE STUDENT( --创建学生表  ID NUMBER(10) PRIMARY KEY,   --主键ID  NAME VARCHAR2(20),  CLASSNAME VA ...

  5. oracle在linux配置信息

    这两天在linux中给已有的oracle添加新实例,其中涉及数据库服务.监听配置,oracle服务是否正常.监听是否成功等操作,特此记录存档,以备后用. oracle服务启动操作命令 1.查看orac ...

  6. spring xml 空模板-applicationContext.xml

    <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.spr ...

  7. 用CSS+Jquery实现一个漂浮的窗体

    一.项目需求: 实现一个用于网站主页面 从窗体左上角开始飘到右下角 之后又飘到右上角 十秒之后消失的效果. 二.需求分析: 首先 应当想要漂浮的内容放在一个容器内,也就是一个DIV,设计它的样式,不管 ...

  8. 如何消除inline-block产生的元素间空隙

    前端初学者可能都会碰到这个问题:有时候排版需要,会把一些块状元素的display属性设置为inline-block,如 <!-- HTML代码 --> <div class=&quo ...

  9. Css3 常见鼠标滑过效果集合

    1.演示地址: http://yaochuxia.github.io/hover/#

  10. Android中的Adapter 详解

    http://blog.csdn.net/tianfeng701/article/details/7557819 (一) Adapter介绍 Android是完全遵循MVC模式设计的框架,Activi ...