easyui-datagrid 编辑单元格

本文介绍了在IToo成绩管理系统中,利用EasyUI Datagrid实现教师判分功能。通过点击单元格编辑期末成绩,依据平时成绩和成绩比例实时计算总成绩。当单元格编辑后失去焦点,如果数据发生变化则保存到数据库,否则不更新。文章展示了页面效果、编辑过程及HTML和JS实现代码。
摘要由CSDN通过智能技术生成

          在做itoo成绩的时候,有个需求是教师判分,学生成绩有两部分组成:平时成绩和期末成绩,然后根据两种成绩比例算出总成绩。现在是有了平时成绩和成绩比例,输入期末成绩,计算出总成绩,并且把输入的期末成绩和计算的总成绩更新到数据库中。主要应用了单击单元格进行编辑,编辑完成之后,失去焦点则保存数据。如果数据没有变化,失去焦点则不更新数据库。

         页面效果是这样的:


期末成绩的单元格是可以编辑的:


输入数据,并失去焦点之后:

  • 10
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值