DIV遮罩层传值
今天费了很大的劲儿才搞定!下面贴出代码和总结:
1.首先是前台代码:
<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="CategoryList.aspx.cs" Inherits="Bridgetree.Admin.CategoryList" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script language=javascript> function edit(c_id) {/*此处的c_id为某一控件对象,因为传入的值为this*/ var lb_Edit_ID = c_id.id;/*取控件的id属性值*/
var ids = lb_Edit_ID.substring(lb_Edit_ID.lastIndexOf("_") + 1, lb_Edit_ID.length);/*获取数据库的ID字段*/
var CategoryID = $("span[ID='lbl_CategoryID_" + ids + "']").text();
/*根据id取文本值。
注:
- text() - 设置或返回所选元素的文本内容(即设置或获取标签内的文本)
- html() - 设置或返回所选元素的内容(包括 HTML 标记)
- val() - 设置或返回表单字段的值(即设置或获取控件的文本)
- 详情点击
*/ var Category = $("span[ID='lbl_Category_" + ids+ "']").text();
/*alert($("#lbl_Category_" + ids).text());*/
var HourlyCost = $("span[ID='lbl_HourlyCost_" + ids + "']").text();
var BillingRate = $("span[ID='lbl_BillingRate_" + ids + "']").text(); $("#hf_CategoryID").val(CategoryID);/*设置控件的文本*/
$("#tb_Category").val(Category);
$("#tb_HourlyCost").val(HourlyCost);
$("#tb_BillingRate").val(BillingRate); /*var rate = document.getElementById("rate_" + id) rate.readOnly = false;
rate.style.backgroundColor = "white" e = document.getElementById("BtnEdit_" + id)
e.disabled = true; e = document.getElementById("BtnUpd_" + id)
e.disabled = false; rate.focus();*/
}
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server" ClientIDMode="Static">
<table id="conversionTable" class="tableCommon table-hover" width="100%">
<asp:Repeater ID="rpt_CategoryList" runat="server" OnItemDataBound="rpt_CategoryList_ItemDataBound">
<HeaderTemplate>
<tr>
<th>Category</th>
<th>HourlyCost($)</th>
<th>BillingRate</th>
<th>Edit</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td><asp:Label runat="server" ID="lbl_Category" Text='<%#Eval("Category1") %>'></asp:Label><asp:Label runat="server" ID="lbl_CategoryID" style="display:none;" Text='<%#Eval("CategoryID") %>'></asp:Label></td>
<td><asp:Label runat="server" ID="lbl_HourlyCost" Text='<%#Eval("HourlyCost") %>'></asp:Label></td>
<td><asp:Label runat="server" ID="lbl_BillingRate" Text='<%#Eval("BillingRate")%>'></asp:Label></td>
<td>
<asp:LinkButton runat="server" ID="lb_Edit" href="#TB_inline?height=300&width=400&inlineId=myOnPageContent" Class="thickbox" OnClientClick="edit(this);">Edit</asp:LinkButton></td> /*此处需要注意:该标签会先执行onclick事件,然后再去执行href*/
</tr>
</ItemTemplate>
</asp:Repeater> </table>
<div id="myOnPageContent" style="display:none;">
<input type="hidden" id="hf_CategoryID" runat="server"/>
<p>Category:<input id="tb_Category" readonly="true" /></p>
<p>HourlyCost($):<input id="tb_HourlyCost"/></p>
<p>BillingRate($):<input id="tb_BillingRate"/></p>
<asp:Button runat="server" ID="btn_Save" Width="50px" Text="Save" OnClick="btn_Save_Click"/>
</div> </asp:Content>
2.后台代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; namespace Bridgetree.Admin
{
public partial class CategoryList : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
this.rpt_CategoryList.DataSource = PCS.DAL.EF.Repository.GetInstance().GetCategoryList();
this.rpt_CategoryList.DataBind();
} protected void rpt_CategoryList_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)//**
{
Label lbl_CategoryID = e.Item.FindControl("lbl_CategoryID") as Label;
Label lbl_Category = e.Item.FindControl("lbl_Category") as Label;
Label lbl_HourlyCost = e.Item.FindControl("lbl_HourlyCost") as Label;
Label lbl_BillingRate = e.Item.FindControl("lbl_BillingRate") as Label;
LinkButton lb_Edit = e.Item.FindControl("lb_Edit") as LinkButton;
if (lbl_CategoryID != null && lbl_Category != null && lbl_HourlyCost != null && lbl_BillingRate != null && lb_Edit != null)
{
/*此处ID在被解释成静态之后会变成控件的name和id属性,
* 而且嵌套在模板页中的控件会自动添加上<content>的ID值(例如:<input name="ctk100$BodyContent$RealName" id="BodyContent_RealName" />)
* ,若套在模板页中需要在<content>中添加ClientIDMode="Static",这样ID就只对应静态控件的ID属性*/
lbl_CategoryID.ID = "lbl_CategoryID_" + lbl_CategoryID.Text;
lbl_Category.ID = "lbl_Category_" + lbl_CategoryID.Text;
lbl_HourlyCost.ID = "lbl_HourlyCost_" + lbl_CategoryID.Text;
lbl_BillingRate.ID = "lbl_BillingRate_" + lbl_CategoryID.Text;
lb_Edit.ID = "lb_Edit_" + lbl_CategoryID.Text;
//lb_Edit.Attributes.Add("onclientclick", "edit(" + lbl_CategoryID.Text + ")");
}
}
}
}
}
3.最终效果
4.用到的文件:
http://files.cnblogs.com/ethanwill/jquery-tanchucengxiaoguoone.rar
DIV遮罩层传值的更多相关文章
- jquery实现div遮罩层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- div 遮罩层 弹窗
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- JS+CSS简单实现DIV遮罩层显示隐藏【转藏】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- JS+CSS简单实现DIV遮罩层显示隐藏
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 在iframe内页面完全加载完后,关闭父页面生成的div遮罩层
遮罩层div为iframe父页面生成,需在iframe内页面完全加载完后,关闭遮罩层 alertMsgClose() :函数为关闭遮罩层函数 此段代码在iframe页面内: <script> ...
- Jquery实现遮罩层,就是弹出DIV周围都灰色不能操作
<%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC & ...
- 前端小结(3)---- 添加遮罩层,并弹出div
有如下div: <div id='pop-div' class="pop-box"> <div class="input-group has-info& ...
- 点击弹出div内容包括遮罩层
效果: HTML: <!-- 添加分组按钮 --> <div class="group_add" onclick = "docu ...
- 在HTML中实现和使用遮罩层
Web页面中使用遮罩层,可防止重复操作,提示loading:也可以模拟弹出模态窗口. 实现思路:一个DIV作为遮罩层,一个DIV显示loading动态GIF图片.在下面的示例代码中,同时展示了如何在i ...
随机推荐
- hdu 1568 Fibonacci 数学公式
Fibonacci Problem Description 2007年到来了.经过2006年一年的修炼,数学神童zouyu终于把0到的Fibonacci数列(f[0]=0,f[1]=1;f[i] = ...
- 【Http】Http权威指南
God Is Coder 2012-10-17 22:25 阅读:77 评论:0 <http权威指南>阅读笔记(十二) God Is Coder 2012-10-17 22:04 阅读 ...
- Mysql 批量建表存储过程
最近项目中用到了使用存储过程批量建表的功能,记录下来: USE db_test_3; drop procedure if EXISTS `createTablesWithIndex`; create ...
- [转]C,C++开源项目中的100个Bugs
[转]C,C++开源项目中的100个Bugs http://tonybai.com/2013/04/10/100-bugs-in-c-cpp-opensource-projects/ 俄罗斯OOO P ...
- Android 内核初识(7)RefBase、LightRefBase、sp和wp
简介 RefBase是Android中所有对象的始祖,类似MFC中的CObject及Java中的Object对象.在Android中,RefBase结合sp和wp,实现了一套通过引用计数的方法来控制对 ...
- WPF——执行命令清空文本框
一.造一个窗体,在窗体里面先造一个StackPanel,然后再StackPanel里面放好按钮和文本框,注意给所有的控件和容器起名字 <Grid> <StackPanel Name= ...
- 【随笔】Linux & Shell & Minecraft
官方的服务器依然会报 异常.[搁置] 准备再搭一次minecraft server,从官方的开始,毕竟是最简单的,只要有运行权限就够了. # 2015年12月16日 20:30:50 在阿里云租的虚拟 ...
- boundingRectWithSize 的使用, 计算UILable高度, 包含Emoji及多属性string.
iOS的文字高度计算一直是个问题, 苹果也一直在改, 这几天看了一下 boundingRectWithSize 方法. - (CGRect)boundingRectWithSize:(CGSize)s ...
- 【转】我的WIN7分辨率是1920*1080,调低后字体模糊
原文网址:http://tieba.baidu.com/p/778306758 WIN7还有一个“使用XP风格DPI缩放”的选项,如果选中则只放大文字,不选会连对话框和文字全部放大 这么多层楼,只有这 ...
- 【HTML5】Canvas之globalCompositeOperation属性详解
globalCompositeOperation即Canvas中的合成操作. 1.source-over 这是默认值,他表示绘制的图形将画在现有画布之上 <!DOCTYPE html> & ...