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) 解决方案: 在[自定义列]中使用乘法四则运算 步骤: 打开 ...
随机推荐
- Java定时器：Timer
项目中往往会遇到需要定时的任务,例如订单,当用户在某个规定时间内没有操作订单时,订单状态将会发生改变. 那么在这种情况下,我们会用到定时器. 举例: import java.util.Timer; / ...
- python request的运用
requests是python的一个HTTP客户端库,跟urllib,urllib2类似,那为什么要用requests而不用urllib2呢?官方文档中是这样说明的: python的标准库urllib ...
- ThinkPHP中使用ajax接收json数据的方法
本文实例讲述了ThinkPHP中使用ajax接收json数据的方法.分享给大家供大家参考.具体分析如下: 这里通过ThinkPHP+jquery实现ajax,扩展了下,写了个查询,前台代码如下: 首先 ...
- SQLServer2012 和 MariaDB 10.0.3 分页效率的对比
1. 实验环境 R910服务器, 16G内存 SqlServer 2012 64bit MariaDB 10.0.3 64bit (InnoDB) 2. 实验表情况 rtlBill ...
- 灵活运用Zend框架
$aAwardMem = $this->dao_raward->getAwardAndMem($where,'award_level asc',false,false,false,'awa ...
- MyEclipse修改
MyEclipse设置编码方式 http://www.cnblogs.com/susuyu/archive/2012/06/27/2566062.html Eclipse添加Spket插件实现ExtJ ...
- 排序方法之标准库中的快排 qsort （）函数
C标准库qsort()函数的用法(快排) 使用快速排序例程进行排序 头文件:stdlib.h 用 法: void qsort(void *base, int nelem, int width, i ...
- mysql 权限控制具体解释
概述 mysql权限控制在不同的上下文和不同的操作水平上都能够进行控制,他们包括例如以下几个 ** 管理权限能够同意用户管理mysql server的操作. 这些权限控制是全局的,不是针对某个特定的数 ...
- 什么时候css会见less
在一定程度上,css不能被视为一个节目.虽然和其他语言,它有自己的规范.编码,但它的笨拙实在让我失望. 不喜欢css是由于不管怎么优化代码.项目大到一定程序后.都会看上去一团乱.并且有时候一个bug的 ...
- ORACLE 查找字段在哪些表里存在
查找不是主键的字段在哪些表里存在: select owner, table_namefrom dba_tab_columnswhere lower(column_name)='firstname'; ...