jquery如何控制后台传过来的控件

px372265205 2011-05-26 05:16:58 
  protected override string GetList()

        {







            StringBuilder builder = new StringBuilder();

            int entity_ID = 0;

            foreach (var entity in listData)

            {

                entity_ID = entity.ShopProductOrder_ID;

                builder.AppendFormat("<tr id=\"tr{0}\">", entity_ID);

                builder.AppendFormat("<td>{0}</td>", entity.ShopProductOrderSend_ID);

                builder.AppendFormat("<td>{0}</td>", entity.ShopOrderNo);

                builder.AppendFormat("<td>{0}</td>", entity.ShopSendWayName);

                builder.AppendFormat("<td>{0}</td>", entity.CompanyName);

                builder.AppendFormat("<td><a href='{0}{1}' target=\"_blank\">{2}</a></td>", BShopProductCompany.CreateInstance().GetListByID(entity.Company_ID).UrlQuery, entity.SendWayNo, entity.SendWayNo);

                builder.AppendFormat("<td><lable id='lblSend'>{0}</lable><input id='txtSend'value='{0}'/></td>", entity.ShopProductOrderSend_ID);

                builder.AppendFormat("<td>{0}</td>", entity.DateCreate.ToString("MM-dd HH:mm:ss"));

                builder.AppendFormat("<td></td>");

                //builder.AppendFormat("<td><a href=\"#\" onclick=\"CopyModel({0});return false;\" class=\"edit\" title=\"指大部分信息一致，仅需修改少量属性，可以使用该功能\">拷贝添加</a><span class=\"editSep\">|</span><a href=\"#\" onclick=\"EditModel({0});return false;\" class=\"edit\">编辑</a><span class=\"editSep\">|</span><a onclick=\"DeleteObjs({0});return false;\" href=\"javascript:void(0)\">删除</a></td>", entity_ID);

                builder.Append("</tr>");

            }

            return builder.ToString();

        }

前台html页面
    <div class="form" id="form">

	    <table id="tbData">

		    <thead><tr>

			<th><%=typeName %>序号</th><th>订单号</th><th>配送方式</th><th>物流公司</th><th>物流单号</th><th>回访信息</th><th>单据创建时间</th><th>操作</th></tr></thead>

		    <tbody>

		     <%=GetList()%>

		   </tbody>

	    </table>

	    <div class="formFt clearfix">

		    <div>

                <%=pagerNav %>

		    </div>

	    </div>

   </div>

  <script type="text/javascript">

      $(document).ready(function() {

          var str = $('#lblSent').text();

          $("#txtSend").hide();

          $("#lblSent").click(function() {

              $("#lblSent").hide();

              $("#txtSend").show().val(str);

          })

          $("#txtSend").blur(function() {

              var strs = $("#txtSend").val();

              $("#txtSend").hide();

              $("#lblSent").show().text(strs);

          })

      })    

    </script>

如何让script里面的功能生效呢
...全文
651 36 打赏 收藏 转发到动态 举报
写回复
用AI写文章
36 条回复
切换为时间正序
请发表友善的回复…
发表回复
叶涛网站推广优化 2011-05-27
  • 打赏
  • 举报
 回复
重复了?
叶涛网站推广优化 2011-05-27
  • 打赏
  • 举报
 回复
重复了?
px372265205 2011-05-27
  • 打赏
  • 举报
 回复
怎么没人回复了呢
px372265205 2011-05-27
  • 打赏
  • 举报
 回复 
 <tr id="tr201"><td>48</td><td>1000016011</td><td>中通快递</td><td>中通速递</td><td><a href='http://61.152.167.119/bill.aspx?id=680107309982' target="_blank">680107309982</a></td><td><lable class='lblSend'>48</lable><input class='txtSend'/></td><td>04-07 21:40:59</td><td></td></tr><tr id="tr197"><td>47</td><td>1000015611</td><td>中通快递</td><td>中通速递</td><td><a href='http://61.152.167.119/bill.aspx?id=680107309980' target="_blank">680107309980</a></td><td><lable class='lblSend'>47</lable><input class='txtSend'/></td><td>04-06 17:36:56</td><td></td></tr><tr id="tr200"><td>46</td><td>1000015911</td><td>中通快递</td><td>申通快递</td><td><a href='http://115.238.100.211:8081/result.aspx?wen=1000235' target="_blank">1000235</a></td><td><lable class='lblSend'>46</lable><input class='txtSend'/></td><td>04-06 15:42:07</td><td></td></tr><tr id="tr199"><td>45</td><td>1000015811</td><td>中通快递</td><td>中通速递</td><td><a href='http://61.152.167.119/bill.aspx?id=1002356' target="_blank">1002356</a></td><td><lable class='lblSend'>45</lable><input class='txtSend'/></td><td>04-06 15:02:50</td><td></td></tr><tr id="tr189"><td>44</td><td>1000014811</td><td>中通快递</td><td>中通速递</td><td><a href='http://61.152.167.119/bill.aspx?id=11223334' target="_blank">11223334</a></td><td><lable class='lblSend'>44</lable><input class='txtSend'/></td><td>03-22 10:10:23</td><td></td></tr><tr id="tr181"><td>43</td><td>1000014011</td><td></td><td></td><td><a href='' target="_blank"></a></td><td><lable class='lblSend'>43</lable><input class='txtSend'/></td><td>03-03 14:24:48</td><td></td></tr><tr id="tr176"><td>42</td><td>1000013511</td><td>顾客自提</td><td>中通速递</td><td><a href='http://61.152.167.119/bill.aspx?id=11111111111' target="_blank">11111111111</a></td><td><lable class='lblSend'>42</lable><input class='txtSend'/></td><td>03-03 14:06:34</td><td></td></tr><tr id="tr180"><td>41</td><td>1000013911</td><td>中通快递</td><td>中通速递</td><td><a href='http://61.152.167.119/bill.aspx?id=1111111111111' target="_blank">1111111111111</a></td><td><lable class='lblSend'>41</lable><input class='txtSend'/></td><td>03-03 14:04:15</td><td></td></tr><tr id="tr175"><td>40</td><td>1000013411</td><td>中通快递</td><td>中通速递</td><td><a href='http://61.152.167.119/bill.aspx?id=11111111111' target="_blank">11111111111</a></td><td><lable class='lblSend'>40</lable><input class='txtSend'/></td><td>03-03 13:49:24</td><td></td></tr><tr id="tr174"><td>39</td><td>1000013311</td><td>中通快递</td><td>中通速递</td><td><a href='http://61.152.167.119/bill.aspx?id=1122334545558' target="_blank">1122334545558</a></td><td><lable class='lblSend'>39</lable><input class='txtSend'/></td><td>03-02 15:49:01</td><td></td></tr><tr id="tr173"><td>38</td><td>1000013211</td><td>顾客自提</td><td></td><td><a href='' target="_blank"></a></td><td><lable class='lblSend'>38</lable><input class='txtSend'/></td><td>03-02 10:07:50</td><td></td></tr><tr id="tr170"><td>37</td><td>1000012911</td><td>顾客自提</td><td></td><td><a href='' target="_blank"></a></td><td><lable class='lblSend'>37</lable><input class='txtSend'/></td><td>03-02 09:28:53</td><td></td></tr><tr id="tr164"><td>36</td><td>1000012311</td><td>顾客自提</td><td>中通速递</td><td><a href='http://61.152.167.119/bill.aspx?id=123456' target="_blank">123456</a></td><td><lable class='lblSend'>36</lable><input class='txtSend'/></td><td>02-23 08:41:12</td><td></td></tr><tr id="tr158"><td>35</td><td>1000011711</td><td>申通快递</td><td>申通快递</td><td><a href='http://115.238.100.211:8081/result.aspx?wen=1233456' target="_blank">1233456</a></td><td><lable class='lblSend'>35</lable><input class='txtSend'/></td><td>01-22 10:14:47</td><td></td></tr><tr id="tr145"><td>34</td><td>1000010411</td><td>顾客自提</td><td>中通速递</td><td><a href='http://61.152.167.119/bill.aspx?id=' target="_blank"></a></td><td><lable class='lblSend'>34</lable><input class='txtSend'/></td><td>01-20 14:05:36</td><td></td></tr><tr id="tr146"><td>33</td><td>1000010511</td><td>顾客自提</td><td>中通速递</td><td><a href='http://61.152.167.119/bill.aspx?id=123456' target="_blank">123456</a></td><td><lable class='lblSend'>33</lable><input class='txtSend'/></td><td>01-20 14:02:24</td><td></td></tr><tr id="tr155"><td>32</td><td>1000011411</td><td>汇通快递</td><td>汇通速递</td><td><a href='http://www.htky365.com///css/myquery/queryBill.action?waybills=123456' target="_blank">123456</a></td><td><lable class='lblSend'>32</lable><input class='txtSend'/></td><td>01-20 11:51:21</td><td></td></tr><tr id="tr154"><td>31</td><td>1000011311</td><td>EMS快递</td><td>EMS快递</td><td><a href='www.ems.com.cn/result.aspx?wen=12365' target="_blank">12365</a></td><td><lable class='lblSend'>31</lable><input class='txtSend'/></td><td>01-12 19:30:51</td><td></td></tr><tr id="tr134"><td>30</td><td>101231110210000093</td><td></td><td></td><td><a href='' target="_blank"></a></td><td><lable class='lblSend'>30</lable><input class='txtSend'/></td><td>12-31 15:14:49</td><td></td></tr><tr id="tr132"><td>29</td><td>101231102710000091</td><td></td><td></td><td><a href='' target="_blank"></a></td><td><lable class='lblSend'>29</lable><input class='txtSend'/></td><td>12-31 15:14:24</td><td></td></tr>

class貌似也重复了。应该是这个原因没起作用。怎么才能取到单击的那个呢。。
px372265205 2011-05-27
  • 打赏
  • 举报
 回复
[Quote=引用 21 楼 pt1314917 的回复:]
引用 12 楼 px372265205 的回复:
引用 11 楼 pt1314917 的回复:
应该通过节点关系去控制，不应该通过ID去控制。。。

高手啊。。显示全部是lable了。可是单击还是没反应啊。


报错还是怎么的？
[/Quote]
就是点击什么反应都没有，也不报错
pt1314917 2011-05-27
  • 打赏
  • 举报
 回复
[Quote=引用 12 楼 px372265205 的回复:]
引用 11 楼 pt1314917 的回复:
应该通过节点关系去控制，不应该通过ID去控制。。。

高手啊。。显示全部是lible了。可是单击还是没反应啊。
[/Quote]

报错还是怎么的？
pt1314917 2011-05-27
  • 打赏
  • 举报
 回复
[Quote=引用 35 楼 px372265205 的回复:]
这个先结贴。在发个下面问题的帖子。。
[/Quote]

隐藏的位置太小。你可以给label控件设置大点啊。就可以了。比如：设置这个控件的高度和宽度。这样就容易点击些了。
px372265205 2011-05-27
  • 打赏
  • 举报
 回复
这个先结贴。在发个下面问题的帖子。。
px372265205 2011-05-27
  • 打赏
  • 举报
 回复
[Quote=引用 33 楼 pt1314917 的回复:]
上面的代码是结合10楼的代码，只修改了js部分。。。后台部分不变。
[/Quote]
呵呵。这次这个可以了。不过就是隐藏不太好使。点击的位置太小
  <script type="text/javascript">

		         $(function() {



		             //将tbody内的偶数tr的背景颜色设置为#ECE9D8 

		             $("tbody tr:even").css("background-color", "#ECE9D8");

		             //将tbody内的偶数td设置为numTd

		             $("tbody tr").each(function() {

		                 var $thisTr = $(this);

		                 var $thisFirstTd = $("td:eq(5)", $thisTr);



		                 //给这些单元格注册鼠标点击的事件

		                 $thisFirstTd.click(function() {

		                     //取点击到元素的jquery对象 

		                     var tdObj = $(this);

		                     //如果点击的元素包含input控件则不执行click处理 

		                     if (tdObj.children("input").length > 0) {

		                         return false;

		                     }

		                     //取td内容附值到text 

		                     var text = tdObj.html();

		                     //清空td中的内容 

		                     tdObj.html("");

		                     //创建一个文本框，去掉文本框的边框，设置文本框中的文字字体大小是16px 

		                     //使文本框的宽度和td的宽度相同，设置文本框的背景色，需要将当前td中的内容放到文本框中 

		                     //将文本框插入到td中 

		                     var inputObj = $("<input type='text'>").val(text).appendTo(tdObj);

		                     //设置触发器先触发focus事件再触发select事件 

		                     inputObj.trigger("focus").trigger("select");

		                     //是文本框插入之后就被选中 

		                     inputObj.click(function() {

		                         return false;

		                     });

		                     //注册keyup事件 

		                     inputObj.keyup(function(event) {

		                         //获取当前按下键盘的键值 

		                         var keycode = event.which;

		                         //处理回车的情况 

		                         if (keycode == 13) {

		                             //获取当当前文本框中的内容 

		                             var inputtext = $(this).val();

		                             //将td的内容修改成文本框中的内容 

		                             tdObj.html(inputtext);

		                         }

		                         //处理esc的情况 

		                         if (keycode == 27) {

		                             //将td中的内容还原成text 

		                             tdObj.html(text);

		                         }

		                     });

		                 });

		             });

		         });

我在网上找了个方法也出来了，不过当失去焦点的时候往数据库传数据和取消文本框还没弄出来。
pt1314917 2011-05-27
  • 打赏
  • 举报
 回复
上面的代码是结合10楼的代码，只修改了js部分。。。后台部分不变。
pt1314917 2011-05-27
  • 打赏
  • 举报
 回复
[Quote=引用 27 楼 px372265205 的回复:]
我就是想点击文字变成可编辑的文本。。。我这个方法要是弄不出来，可以介绍其他的方法
[/Quote]

有个名称写错了。脚本改了下：


  <script type="text/javascript">

      $(document).ready(function() {

          $(".txtSend").hide();

          $(".lblSend").click(function() {

              $(this).hide();

              $(this).next().show().val($(this).text());

          });

          $(".txtSend").blur(function() {

              $(this).hide();

              $(this).prev().show().text($(this).val());

          })

      })    

    </script>
Gangxintang 2011-05-27
  • 打赏
  • 举报
 回复
获取对象还有如何隐藏就不要我说了吧。。
Gangxintang 2011-05-27
  • 打赏
  • 举报
 回复
兄弟，不管如何记得给分.......~~~~~~~~
Gangxintang 2011-05-27
  • 打赏
  • 举报
 回复
你可以试试这样获取值

document.getElementById("<%=txtnum.ClientID %>").value
rart2008 2011-05-27
  • 打赏
  • 举报
 回复
没看明白...
请教高手
px372265205 2011-05-27
  • 打赏
  • 举报
 回复
我就是想点击文字变成可编辑的文本。。。我这个方法要是弄不出来，可以介绍其他的方法
cabbagecqyz 2011-05-26
  • 打赏
  • 举报
 回复
前台这样取id：
$("#<%=controlId.ClientID%>")
就能取到真正的生成的html中的id了，楼主试试吧
zsyok 2011-05-26
  • 打赏
  • 举报
 回复
$("#id")
你取到对像后，想怎样就怎样。都是在操作一个jquery的对像
lee576 2011-05-26
  • 打赏
  • 举报
 回复
看出来了，你在循环里面写上的就是相同的ID，那么页面里面就有一堆重名的了，用ID来注册事件肯定有问题了
weike021996 2011-05-26
  • 打赏
  • 举报
 回复
[Quote=引用 16 楼 hualilihua 的回复:]

引用 11 楼 pt1314917 的回复:
应该通过节点关系去控制，不应该通过ID去控制。。。


赞同这种方式
[/Quote]+1
加载更多回复（16）
js日期控件 后台常用日期控件
jquery日期控件 后台常用日期控件
jquery后台模板下载
1、精美的jquery后台模板下载。 2、包含各种控件。
dwz jquery 后台界面框架
dwz jquery 后台界面框架 所有控件都有 非常漂亮，有换肤功能。拿取即用。
Jquery TreeView结合
Jquery TreeView结合.NET用户控件的树
Jquery可新增事件、按月周日，三种格式日历控件
很实用的日历控件，可以前台后台对接使用。
.NET社区

62,073

社区成员

669,028

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章