grid单元格计算，求肋如何在编辑单元后，自动计算值 - FineUI 官方论坛

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="../css/default.css" rel="stylesheet" />
<link href="../css/table.css" rel="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<f:PageManager ID="PageManager1" runat="server" AutoSizePanelID="regionAuto" />
<f:RegionPanel ID="regionAuto" CssClass="pageContent" runat="server" ShowBorder="false" >
<Regions>
<f:Region ID="region1" Title="平均值" Layout="Fit" Margins="5 5 5 5" ShowBorder="false" ShowHeader="false" runat="server">
<Items>
<f:Grid ID="gdData" Title="平均值" EnableFrame="true" EnableCollapse="true" PageSize="15" ShowBorder="true" ShowHeader="true"
AllowPaging="true" runat="server" EnableCheckBoxSelect="false"
DataKeyNames="ID" IsDatabasePaging="true">
<Columns>
<f:RowNumberField />
<f:TemplateField HeaderText="一月" Width="80px">
<ItemTemplate>
<asp:TextBox runat="server" Width="98%" ID="txtMonth1" CssClass="Month1"
TabIndex='<%# Container.DataItemIndex + 10 %>' Text='<%# Eval("Month1") %>'></asp:TextBox>
</ItemTemplate>
</f:TemplateField>
<f:TemplateField HeaderText="一月" Width="80px">
<ItemTemplate>
<asp:TextBox runat="server" Width="98%" ID="txtMonth2" CssClass="Month2"
TabIndex='<%# Container.DataItemIndex + 500 %>' Text='<%# Eval("Month2") %>'></asp:TextBox>
</ItemTemplate>
</f:TemplateField>
<f:TemplateField HeaderText="三月" Width="80px">
<ItemTemplate>
<asp:TextBox runat="server" Width="98%" ID="txtMonth3" CssClass="Month3"
TabIndex='<%# Container.DataItemIndex + 1000 %>' Text='<%# Eval("Month3") %>'></asp:TextBox>
</ItemTemplate>
</f:TemplateField>
<f:TemplateField HeaderText="平均值" Width="80px">
<ItemTemplate>
<asp:Label runat="server" ID="lblAvg" CssClass="Avg" Text='<%# Eval("Avg") %>'></asp:Label>
</ItemTemplate>
</f:TemplateField>
</Columns>
</f:Grid>
</Items>
</f:Region>
</Regions>
</f:RegionPanel>
</form>
<script src="../js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
var Tools = new Object();
Tools.isNumber = function (B) {
var A = /^[\d|\.|,]+$/;
return A.test(B)
};
var gridClientID = '<%= gdData.ClientID %>';
var inputselector = '.x-grid-tpl input';
function registerAutoSaveEvent() {
var grid = F(gridClientID);
$(grid.el.dom).delegate(inputselector, 'keyup', function (evt) {
var $this = $(this);
if (evt.which == 13) {
var inputs = $(this).parents("form").eq(0).find(":input");
var idx = inputs.index(this);
if (idx == inputs.length - 1) {
inputs[0].select()
} else {
inputs[idx + 1].focus();
inputs[idx + 1].select();
}
return false;
}
else {
window.setTimeout(function () {
var row = $this.parents('.x-grid-row');
var num1 = row.find(inputselector + '.Month1').val();
var num2 = row.find(inputselector + '.Month2').val();
var num3 = row.find(inputselector + '.Month3').val();
if (isNaN(num1) || num1.length == 0) num1 = "0";
if (isNaN(num2) || num2.length == 0) num2 = "0";
if (isNaN(num3) || num3.length == 0) num3 = "0";
if (!Tools.isNumber(num1) || !Tools.isNumber(num2) || !Tools.isNumber(num3))
{
alert("请输入正确的数字");
// 不能录入非数据
$this.val("0");
$this.select();
}
var resultNode = row.find('.x-grid-tpl span.Avg');
var total = parseFloat(num1) + parseFloat(num2) + parseFloat(num3);
var avgVal = 0;
if (isNaN(total)) {
total = 0;
}
avgVal = total / 3;
resultNode.text(avgVal.toFixed(2));
var rowIndex = row.index();
__doPostBack('', 'AutoSave
+ rowIndex);
}, 300);
}
});
}
// 页面第一次加载完成后调用的函数
F.ready(function () {
registerAutoSaveEvent();
});
</script>
</body>
</html>

复制代码

public partial class AutoAvg : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindData();
}
{
string postback = Request.Form["__EVENTARGUMENT"];
if (!string.IsNullOrEmpty(postback) && postback.Contains("AutoSave"))
{
string[] args = postback.Split('
);
AutoSave(args[1]);
}
}
}
private void BindData()
{
Random rnd = new Random();
List<MonthValue> list = new List<MonthValue>();
for(int i=0;i<10;i++)
{
decimal val1 = rnd.Next(100);
decimal val2 = rnd.Next(100);
decimal val3 = rnd.Next(100);
decimal avg =decimal.Round((val1 + val2 + val3 ) / 3,2);
list.Add(new MonthValue()
{
ID = i,
Month1 = val1,
Month2 = val2,
Month3 = val3,
Avg = avg
});
}
MonthValueList = list;
gdData.DataSource = list;
gdData.DataBind();
}
private void AutoSave(string index)
{
int rowIndex = Convert.ToInt32(index);
System.Web.UI.WebControls.TextBox txtMonth1 = (System.Web.UI.WebControls.TextBox)gdData.Rows[rowIndex].FindControl("txtMonth1");
System.Web.UI.WebControls.TextBox txtMonth2 = (System.Web.UI.WebControls.TextBox)gdData.Rows[rowIndex].FindControl("txtMonth2");
System.Web.UI.WebControls.TextBox txtMonth3 = (System.Web.UI.WebControls.TextBox)gdData.Rows[rowIndex].FindControl("txtMonth2");
int id = Convert.ToInt32(gdData.DataKeys[rowIndex][0]);
decimal month1 = 0;
decimal month2 = 0;
decimal month3 = 0;
decimal.TryParse(txtMonth1.Text,out month1);
decimal.TryParse(txtMonth2.Text, out month2);
decimal.TryParse(txtMonth3.Text, out month3);
UpdateEntity(id, month1, month2, month3);
}
private void UpdateEntity(int id, decimal month1, decimal month2, decimal month3)
{
List<MonthValue> list = MonthValueList;
int count = list.Count;
for (int i = 0; i < count; i++)
{
if (list[i].ID == id)
{
list[i].Month1 = month1;
list[i].Month2 = month2;
list[i].Month3 = month3;
list[i].Avg = decimal.Round((month1 + month2 + month3)/3,2);
break;
}
}
MonthValueList = list;
}
private List<MonthValue> MonthValueList
{
get
{
if (ViewState["MonthValueList"] == null)
{
ViewState["MonthValueList"] = new List<MonthValue>();
}
return (List<MonthValue>)ViewState["MonthValueList"];
}
set
{
ViewState["MonthValueList"] = value;
}
}
}
[Serializable]
public class MonthValue
{
public int ID { get; set; }
public decimal Month1 { get; set; }
public decimal Month2 { get; set; }
public decimal Month3 { get; set; }
public decimal Avg { get; set; }
}

复制代码