Gridview编辑时Jquery自动计算自定义列（鼠标离开输入框Jquery计算）
Jquery片段：
<script type="text/javascript">
function compute(nbBoxQuantity, lblQuantityPerBox, lblQuantity, nbPrice, lblTotalAmounts) {
if (nbBoxQuantity.value == "" || nbBoxQuantity.length == 0) {
nbBoxQuantity.value = 0;
}
if (lblQuantityPerBox.innerText == "" || lblQuantityPerBox.length == 0) {
lblQuantityPerBox.innerText(0);
}
if (nbPrice.value == "" || nbPrice.length == 0) {
nbPrice.value = 0;
}
if (lblQuantity.innerText == "" || lblQuantity.length == 0) {
lblQuantity.innerText(0);
}
lblQuantity.innerText = nbBoxQuantity.value * lblQuantityPerBox.innerText;
lblTotalAmounts.innerText = nbPrice.value * lblQuantity.innerText;
}
</script>
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
前台片段：
<swc:DataGridView ID="dgvList" runat="server" DataKeyNames="ID"
AllowSorting="true" CurrentSortField="GoodsId"
OnRowDeleting="dgvList_RowDeleting" OnRowEditing="dgvList_RowEditing" OnRowDataBound="dgvList_RowDataBound" OnRowCommand="dgvList_RowCommand"
OnRowCancelingEdit="dgvList_RowCancelingEdit" OnRowUpdating="dgvList_RowUpdating">
<Columns>
<swc:TemplateField HeaderText="Id" Visible="false">
<ItemTemplate>
<asp:Literal runat="server" ID="ltlId"></asp:Literal>
</ItemTemplate>
<EditItemTemplate>
<asp:Literal runat="server" ID="ltlId"></asp:Literal>
</EditItemTemplate>
</swc:TemplateField>
<swc:TemplateField HeaderText="编号" Width="100" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Literal runat="server" ID="ltlGoodsCode"></asp:Literal>
</ItemTemplate>
<EditItemTemplate>
<asp:Literal runat="server" ID="ltlGoodsCode"></asp:Literal>
</EditItemTemplate>
</swc:TemplateField>
<swc:TemplateField HeaderText="名称" Width="100" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Literal runat="server" ID="ltlGoodsName"></asp:Literal>
</ItemTemplate>
<EditItemTemplate>
<asp:Literal runat="server" ID="ltlGoodsName"></asp:Literal>
</EditItemTemplate>
</swc:TemplateField>
<swc:TemplateField HeaderText="类型" Width="60" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Literal ID="ltlType" runat="server" />
</ItemTemplate>
<EditItemTemplate>
<asp:Literal ID="ltlType" runat="server" />
</EditItemTemplate>
</swc:TemplateField>
<swc:TemplateField HeaderText="赠品" Width="60" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Literal ID="ltlIsGift" runat="server" />
</ItemTemplate>
<EditItemTemplate>
<asp:DropDownList ID="ddlIsGift" runat="server">
<asp:ListItem Value="True">是</asp:ListItem>
<asp:ListItem Value="False">否</asp:ListItem>
</asp:DropDownList>
</EditItemTemplate>
</swc:TemplateField>
<swc:TemplateField HeaderText="箱数" Width="60" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Literal ID="ltlBoxQuantity" runat="server" />
</ItemTemplate>
<EditItemTemplate>
<swc:NumberBox ID="nbBoxQuantity" runat="server" Digit="0" Width="60" />
</EditItemTemplate>
</swc:TemplateField>
<swc:TemplateField HeaderText="每箱数" Width="60" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Label ID="lblQuantityPerBox" runat="server"></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:Label ID="lblQuantityPerBox" runat="server"></asp:Label>
</EditItemTemplate>
</swc:TemplateField>
<swc:TemplateField HeaderText="数量" Width="60" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Label ID="lblQuantity" runat="server"></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:Label ID="lblQuantity" runat="server"></asp:Label>
</EditItemTemplate>
</swc:TemplateField>
<swc:TemplateField HeaderText="单价" Width="60" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Literal ID="ltlPrice" runat="server" />
</ItemTemplate>
<EditItemTemplate>
<swc:NumberBox ID="nbPrice" runat="server" Digit="2" Width="60" />
</EditItemTemplate>
</swc:TemplateField>
<swc:TemplateField HeaderText="总价" Width="60" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Label ID="lblTotalAmounts" runat="server"></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:Label ID="lblTotalAmounts" runat="server"></asp:Label>
</EditItemTemplate>
</swc:TemplateField>
<asp:CommandField ShowDeleteButton="True" ShowEditButton="True" HeaderText="操作" HeaderStyle-Width="60" />
</Columns>
</swc:DataGridView>
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
后台片段：
protected void dgvList_RowDataBound(object sender, GridViewRowEventArgs e)
{
GridViewRow row = e.Row;
switch (row.RowType)
{
case DataControlRowType.DataRow:
SC_PurchaseItem item = row.DataItem as SC_PurchaseItem;
if (item.Id != Guid.Empty)
{
Literal ltlId = row.FindControl<Literal>("ltlId");
Literal ltlGoodsCode = row.FindControl<Literal>("ltlGoodsCode");
Literal ltlGoodsName = row.FindControl<Literal>("ltlGoodsName");
Literal ltlType = row.FindControl<Literal>("ltlType");
Label lblQuantityPerBox = row.FindControl<Label>("lblQuantityPerBox");
Label lblQuantity = row.FindControl<Label>("lblQuantity");
Label lblTotalAmounts = row.FindControl<Label>("lblTotalAmounts");
var good = bll.Get<M_Goods>(item.GoodsId);
ltlId.Text = item.Id.ToString();
ltlGoodsCode.Text = good.GoodsCode;
ltlGoodsName.Text = good.GoodsName;
ltlType.Text = good.GoodsType.ToText();
lblQuantityPerBox.Text = item.QuantityPerBox.ToString();
//if (e.Row.RowState == DataControlRowState.Edit)
if (e.Row.RowState == (DataControlRowState.Alternate | DataControlRowState.Edit) || e.Row.RowState == DataControlRowState.Edit)
{
System.Web.UI.WebControls.DropDownList ddlIsGift = row.FindControl<System.Web.UI.WebControls.DropDownList>("ddlIsGift");
NumberBox nbBoxQuantity = row.FindControl<NumberBox>("nbBoxQuantity");
NumberBox nbPrice = row.FindControl<NumberBox>("nbPrice");
ddlIsGift.SelectedValue = item.IsGift.ToString();
nbBoxQuantity.Value = item.BoxQuantity.ToHtmlDecode();
nbPrice.Text = item.Price.ToHtmlDecode();
nbBoxQuantity.Attributes.Add("onchange", "compute(" + nbBoxQuantity.ClientID + "," + lblQuantityPerBox.ClientID + "," + lblQuantity.ClientID + "," + nbPrice.ClientID + "," + lblTotalAmounts.ClientID + ");");
nbPrice.Attributes.Add("onchange", "compute(" + nbBoxQuantity.ClientID + "," + lblQuantityPerBox.ClientID + "," + lblQuantity.ClientID + "," + nbPrice.ClientID + "," + lblTotalAmounts.ClientID + ");");
}
else
{
Literal ltlIsGift = row.FindControl<Literal>("ltlIsGift");
Literal ltlBoxQuantity = row.FindControl<Literal>("ltlBoxQuantity");
Literal ltlPrice = row.FindControl<Literal>("ltlPrice");
ltlIsGift.Text = item.IsGift ? "是" : "否";
ltlBoxQuantity.Text = item.BoxQuantity.ToHtmlDecode();
ltlPrice.Text = item.Price.ToHtmlDecode();
}
lblQuantity.Text = (item.BoxQuantity * item.QuantityPerBox).ToHtmlDecode();
lblTotalAmounts.Text = ((item.BoxQuantity * item.QuantityPerBox) * item.Price).ToHtmlDecode();
}
break;
}
}
protected void dgvList_RowCommand(object sender, GridViewCommandEventArgs e)
{
}
protected void dgvList_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
GridView gv = (GridView)sender;
string id = ((System.Web.UI.WebControls.Literal)gv.Rows[e.RowIndex].FindControl("ltlId")).Text;
SC_PurchaseItem entity = new SC_PurchaseItem
{
Id = new Guid(id),
UpdatedDate = DateTime.Now,
UpdatedUser = CurrentUser.DisplayName
};
PurchaseBll bll = new PurchaseBll();
bll.DeletePurchaseItem(entity);
this.BindGrid();
}
protected void dgvList_RowEditing(object sender, GridViewEditEventArgs e)
{
GridView gv = (GridView)sender;
gv.EditIndex = e.NewEditIndex;
this.BindGrid();
}
protected void dgvList_Sorting(object sender, GridViewSortEventArgs e)
{
this.BindGrid();
}
protected void dgvList_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
{
dgvList.EditIndex = -1;
this.BindGrid();
}
protected void dgvList_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
GridView gv = (GridView)sender;
string id = ((System.Web.UI.WebControls.Literal)gv.Rows[e.RowIndex].FindControl("ltlId")).Text;
bool ddlIsGift = ((System.Web.UI.WebControls.DropDownList)gv.Rows[e.RowIndex].FindControl("ddlIsGift")).SelectedValue.As<bool>();
int nbBoxQuantity = ((NumberBox)gv.Rows[e.RowIndex].FindControl("nbBoxQuantity")).Value.As<int>();
int lblQuantity = ((Label)gv.Rows[e.RowIndex].FindControl("lblQuantity")).Text.As<int>();
decimal nbPrice = ((NumberBox)gv.Rows[e.RowIndex].FindControl("nbPrice")).Value.As<decimal>();
PurchaseBll bll = new PurchaseBll();
SC_PurchaseItem entity = new SC_PurchaseItem
{
Id = new Guid(id),
IsGift = ddlIsGift,
BoxQuantity = nbBoxQuantity,
Quantity = lblQuantity,
Price = nbPrice,
UpdatedDate = DateTime.Now,
UpdatedUser = CurrentUser.DisplayName
};
bll.UpdatePurchaseItem(entity);
gv.EditIndex = -1;
this.BindGrid();
}
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
Gridview编辑时Jquery自动计算自定义列（鼠标离开输入框Jquery计算）的更多相关文章
- jquery.datetimepicker.js 当鼠标离开时，不选中当前时间，以达到清空的目的
validateOnBlur:true 当鼠标离开时,不选中当前时间,以达到清空的目的 使用方法: // 时间设置 $('#BankProduct_sale_begin'). ...
- Asp.Net：GridView 编辑、删除、自定义分页以后备用
页面 GridView 绑定:在中,有 <asp:BoundField/>和 <asp:TemplateField><ItemTemplate>嵌套服务器控件 &l ...
- 在Gridview编辑时添加DropDownList控件并设置默认值
页面代码: <asp:GridView ID="GridView1" runat="server" AutoGenerateCol ...
- jquery自定义滚动条 鼠标移入或滚轮时显示 鼠标离开或悬停超时时隐藏
一.需求: 我需要做一个多媒体播放页面,左侧为播放列表,右侧为播放器.为了避免系统滚动条把列表和播放器隔断开,左侧列表的滚动条需要自定义,并且滚动停止和鼠标离开时要隐藏掉. 二.他山之石: 案例来自h ...
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
史上最全的CSS hack方式一览 2013年09月28日 15:57:08 阅读数:175473 做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况.基于此,某些情况我 ...
- 利用自定义动画 animate() 方法，实现某图书网站中“近 7 日畅销榜”中的图书无缝垂直向上滚动特效:当光标移入到图书上时，停止滚动，鼠标移开时，继续滚动
查看本章节 查看作业目录 需求说明: 利用自定义动画 animate() 方法,实现某图书网站中"近 7 日畅销榜"中的图书无缝垂直向上滚动特效:当光标移入到图书上时,停止滚动,鼠 ...
- EasyUI Datagrid 自定义列、Foolter及单元格编辑
1:自定义列,包括 Group var head1Array = []; head1Array.push({ field: 'Id', title: 'xxxx', rowspan: 2 }); he ...
- GridView数据绑定控件的模版列时设置显示的格式
形式 语法 结果 数字 {0:N2} 12.36 数字 {0:N0} 13 货币 {0:c2} $12.36 货币 {0:c4} $12.3656 货币 "￥{0:N2}&q ...
- 在【自定义列】中编辑简单运算公式（Power Query 之 M 语言）
数据源: "品名"."数量"."单价"三列 目标: 计算销售单价(单价*1.2) 解决方案: 在[自定义列]中使用乘法四则运算 步骤: 打开 ...
随机推荐
- cocos2d-x -------之笔记篇 动画的实现
cocos2d-x 动画的实现 一.实现原理 动画的实现其实就是使用一个完整的动作图片集来实现动画,达到动态的效果 动画动作类(CCAnimate)是加载一个动画类来实现动作. 动画类(CCAnima ...
- silverlight datagrid绑定匿名类
原文 http://www.cnblogs.com/luweis/archive/2011/10/21/2220587.html 刚开始遇到的一个问题是这样的,我有一个datagrid,根据不同的条件 ...
- flex4 日期类型字符串转日期类型（string转Date）（转）
mysql数据库中存储的日期类型通过PHP返回到flex端为字符串类型,这样在flex中进行处理时就必须要将字符串转化为Date类型.如果仅仅是 "年/月/日" 的组合,而没有涉及 ...
- 柯南君：看大数据时代下的IT架构（7）消息队列之RabbitMQ--案例（routing 起航）
二.Routing(路由) (using the Java client) 在前面的学习中,构建了一个简单的日志记录系统,能够广播所有的日志给多个接收者,在该部分学习中,将添加一个新的特点,就是可以只 ...
- 今天起改用mac的marsedit写博
最近一直使用mac来工作,所以写博也相应改为marsedit. 初步感觉还是不错的,越来越发现mac其实也适合在工作中使用,生活上当然不在话下. 从高富帅的x220t变成屌丝的macbook小白(升级 ...
- Android建立模拟器进行调试
安装好android开发环境后.用到下面几个命令.android, adb, emulator android - 最主要的android命令.能够进行sdk更新,列出设备源,生成虚拟设备等. adb ...
- HDU 4715 Difference Between Primes (打表)
Difference Between Primes Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/O ...
- C#反射动态赋值
很多时候我们需要在数据实体层读取数据后赋值到领域模型时往往会产生如下的代码 public class A { public string Name {get;set;} public int Age ...
- c++ 学习备忘
char* 到 LPCTSTR 转换 char *m_str = "test!"; MessageBoxW(CString(m_str)); CString to LPCTSTR ...
- Labview学习之程序Web发布
Labview学习之程序Web发布 1. LabVIEW Web服务器 在LabVIEW开发环境中,自身带了一个已连接好的Web服务器.LabVIEW Web服务器除了与其他Web服务器一样能 ...