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) 解决方案: 在[自定义列]中使用乘法四则运算 步骤: 打开 ...
随机推荐
- Orchard 源码探索（Application_Start）之异步委托调用
2014年5月26日 10:26:31 晴 ASP.NET 接收到对应用程序中任何资源的第一个请求时,名为ApplicationManager 的类会创建一个应用程序域.应用程序域为全局变量提供应用程 ...
- FLAG_ACTIVITY_NEW_TASK和SingleInstance的设计思路（多task的应用）
这部分的想法都是基于以下两点: 1.Activity可能被复用,可能是复用Activity的功能,还可能是复用Activity的状态: 2.Task的作用:target,同一个task中的Activi ...
- 6. java.lang.IllegalArgumentException
方法的参数错误 比如g.setColor(int red,int green,int blue)这个方法中的三个值,如果有超过255的也会出现这个异常,因此一旦发现这个异常,我们要做的,就是赶紧去检查 ...
- oracle字符集查看修改
一.什么是Oracle字符集 Oracle字符集是一个字节数据的解释的符号集合,有大小之分,有相互的包容关系.ORACLE 支持国家语言的体系结构允许你使用本地化语言来存储,处理,检索数据.它使数据库 ...
- leetcode_question_85 Largest Rectangle in Histogram
Given n non-negative integers representing the histogram's bar height where the width of each bar is ...
- kafka学习(一)-背景及架构设计
概念和术语 消息,全称为Message,是指在生产者.服务端和消费者之间传输数据. 消息代理:全称为Message Broker,通俗来讲就是指该MQ的服务端或者说服务器. 消息生产者:全称为Mess ...
- Rikka with Chess（规律）
Rikka with Chess Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others) ...
- poj2186 Popular Cows --- 强连通
给一个有向图,问有多少结点是其它全部结点都能够到达的. 等价于,在一个有向无环图上,找出度为0 的结点.假设出度为0的结点仅仅有一个,那么这个就是答案.假设大于1个.则答案是0. 这题有环.所以先缩点 ...
- MYSQL知识点
1.MYSQL为了可移植性,使用"--"做为注释,使用"/*!*/"表示可执行的注释.
- $.ajax传递字符串到后台，后台返回json对象
var mall = { MallID: $("#createId").val().trim(), MallName: $("#createName").val ...