easyui datagrid 单元格编辑保存

要求分数和排序两列能编辑

    //查询该试卷题型的试题
    $(‘#allList1‘).datagrid({
        url:app.approot+"paperRes/getPaperQuestionList/"+ptyid,
        handler:function(){ //接受改变的值
        $(‘#allList1‘).datagrid(‘acceptChanges‘);
        },
        onBeforeEdit: function (rowIndex,rowData) {
         $("#selQuestionId").val(rowData.questionId);
        },
        onClickCell: onClickCell,
        onAfterEdit:function(rowIndex, rowData, changes){  // 第三个参数是改变的值
         // alert(changes.scoreItem);
          if(changes.questionNo!=undefined&&changes.questionNo!=‘undefined‘){
               $.post(app.approot+‘paperRes/updateQuestionNo/‘+rowData.paperId+
                       ‘/‘+rowData.questionId+‘/‘+changes.questionNo,function(result){
                      if(result.msgid=="1"){
                         $(‘#allList1‘).datagrid(‘reload‘);
                      }else{
                          $.messager.alert("操作提示",result.msg,"info");
                      }

                  },"json");
          }
          if(changes.scoreItem!=undefined&&changes.scoreItem!=‘undefined‘){
               $.post(app.approot+‘paperRes/updateQuestionScoreItem/‘+rowData.paperId+
                       ‘/‘+rowData.questionId+‘/‘+changes.scoreItem,function(result){
                      if(result.msgid=="1"){
                          $(‘#allList1‘).datagrid(‘refreshRow‘, rowIndex);
                      }else{
                          $.messager.alert("操作提示",result.msg,"info");
                          $(‘#allList1‘).datagrid(‘reload‘);
                      }

                  },"json");
          }

        }

        });
时间: 2024-10-09 09:40:23

easyui datagrid 单元格编辑保存的相关文章

JQuery easyui datagrid 单元格编辑时,使用浮动的textarea文本框并进行数据校验

有两种方式实现,一种方式是在html中验证,一种方式是在js中进行验证 方式一: <th data-options="filed:'remark',width:200,editor:{type:'textarea'}">备注</th> 方式二: <th data-options="filed:'remark',width:200,editor:{type:'textarea', options:{validType:'maxLength[150]

easyui datagrid 单元格编辑 即见即所得,MVC菜单维护,扫描增加

效果如图: 参见 EasyUI 官方 Demo 及文档 @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml"; } <script src="~/jquery-easyui-1.4.2/locale/easyui-lang-zh_CN.js"></script> <table id="datagrid" class

easyui datagrid 单元格编辑 自动聚焦 、全选

$.extend($.fn.datagrid.methods, { editCell: function (jq, param) { return jq.each(function () { var opts = $(this).datagrid('options'); var fields = $(this).datagrid('getColumnFields', true).concat($(this).datagrid('getColumnFields')); for (var i = 0

DevExpress控件 DataGrid 单元格编辑 回车

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using CYSoft.UI.Common; using CYSoft.Common; using CYSoft.TS.Entit

Easyui datagrid 单元格格式化函数formatter的使用

$('#dg').datagrid({ columns:[[ {field:'userId',title:'User', width:80, formatter: function(value,row,index){ if (row.user){ return row.user.name; } else { return value; } } } ]] }); 以上是通过JS来进行调用 单元格格式化函数formatter带三个参数: value:单元格的字段值 rowData:该单元格所在行的行

获取wpf datagrid单元格编辑事件

DataGrid标签中加 <i:Interaction.Triggers> <i:EventTrigger EventName="CellEditEnding" > <i:InvokeCommandAction Command="{Binding CellEditEndingCommand}" CommandParameter="{Binding ElementName=DataGrid1}" /> </

MFC List Control控件添加单元格编辑和单元格下拉列表项以适用于数据库相关操作

作为现代的软件,往往是连着数据库的,而连着和用户方便地操作之间,还有着界面这道坎.MFC是Windows上比较好开发用户界面的框架,然而其自带的控件中没有对于数据库表格支持较好的控件,而使用网上提到的 DataGrid 等控件在本人的win8.1+VS2013平台上老出现找不到控件或者头文件的问题,搞的烦死人.最后想到 List Control 控件只要稍作修改,加上单元格编辑和单元格下拉列表,其实就能和数据库进行良好的对接,一百度,果然有人已经做了这件事,实在是太让人感动了!       

easyui datagrid的列编辑

[第十五篇]easyui datagrid的列编辑,同时插入两张表的数据进去 看图说话. 需求:插入两张表,上面的表单是第一张表的内容,下面的两个表格是第二张详情表的内容,跟第一张表的id关联 第二张表有一个列是需要用户手动填写添加的. 国际惯例,上代码 <div id="cc" class="easyui-layout" style="width: 100%; height: 380px;"> <div data-option

jqGrid单元格编辑详解

单元格编辑 单元格编辑提供给用户修改一行中的单个单元格内容的功能,开发者可以通过ajax或者单元格编辑事件对修改的数据进行处理. 通过下面的行为,单元格编辑支持键盘导航和执行单元格编辑操作 点击一个不可编辑的单元格会选中它,然后可以通过上下左右键移动到其他单元格 当移动到一个可编辑的单元格,可以按下Enter键将单元格切换到编辑模式.当再次按下Enter键,或者tab,点击其他单元格将会执行保存操作.按下Esc键取消编辑并且恢复为之前的值.当编辑一个单元格时,光标键始终在此单元格内. 点击可编辑