点击单元格进入编辑状态

原创 2017年01月03日 00:30:55
$(function(){
$('#HyqPeopledatagrid').datagrid({
//title:'人员',
url:'people/people.do',
queryParams: form2Json("peoplesearchform"),
singleSelect: true,
fitColumns:true,
onClickCell: onClickCell,
columns:[[{
field:'checkbox',
title:'多选框',
checkbox:true,
width:10,
hidden:true
},{
field:'id',
title:'ID',
width:10,
sortable:true,
hidden:true
},{
field:'name',
title:'姓名',
width:20,
sortable:true
},{
field:'sex',
title:'性别',
width:10,
sortable:true,
hidden:false
},{
field:'idcard',
title:'身份证号',
width:30,
sortable:true,
hidden:false
},{
field:'phone',
title:'手机号',
width:20,
sortable:true,
hidden:false
},{
field:'gangwei',
title:'报考岗位',
sortable:true,
hidden:false,
width:90,
formatter: function(value,row,index){
if(row.gangwei!=null)
value = row.gangwei.id+"|"+row.gangwei.zpdw+","+row.gangwei.gwmc;
else
value=" ";
return value;
}
},{
field:'school',
title:'毕业院校',
width:30,
sortable:true,
hidden:true
},{
field:'professional',
title:'专业',
width:30,
sortable:true,
hidden:true
},{
field:'workplace',
title:'工作单位',
width:30,
sortable:true,
hidden:true
},{
field:'workyears',
title:'工作年限',
width:15,
sortable:true,
hidden:true
},{
field:'lastacademy',
title:'学历',
width:20,
sortable:true,
hidden:false
},{
field:'degreename',
title:'学位',
width:20,
sortable:true,
hidden:true
},{
field:'checkstatus',
title:'审核状态',
sortable:true,
width:20,
hidden:true,
formatter: function(value,index){
if(value == 0){
value='<span style="font-weight:bold">待审核</span>';
}else if(value == 1){
value='<span style="color:green">通过</span>';
} else {
value = '<span style="color:red">未通过</span>';
};
return value;
}
},{
field:'checknum',
title:'审核次数',
sortable:true,
align:'center',
hidden:true
},{
field:'ispay',
title:'交费状态',
sortable:true,
align:'center',
hidden:true,
formatter: function(value,index){
if(value == 0){
value='<span style="font-weight:bold">未交费</span>';
} else if(value == 1){
value='<span style="color:green">已交费</span>';
} else if(value == 2){
value = '<span style="color:blue">贫困生</span>';
} else {
value = '<span style="color:red">已退费</span>';
}
return value;
}
},{
field:'belonguser',
title:'录入账号',
sortable:true,
align:'center',
},{
field:'dingdanno',
title:'报名序号',
sortable:true,
align:'center',
},{
field:'searchno',
title:'查询序号',
sortable:true,
align:'center',
editor : {
type: 'validatebox',options:{required:true}
           }
},{
field:'createtime',
title:'创建时间',
sortable:true,
align:'center',
hidden:false,
},{
field:'updatetime',
title:'更新时间',
sortable:true,
align:'center',
hidden:true,
}]],
/*onClickRow:function(index,row){//运用单击事件实现一行的编辑结束,在该事件触发前会先执行onAfterEdit事件  
    if (lastIndex != index){  
      $('#HyqPeopledatagrid').datagrid('endEdit', lastIndex);
    }  
   },
   onDblClickRow:function(index,row){//运用双击事件实现对一行的编辑  
    if (lastIndex != index){  
      $('#HyqPeopledatagrid').datagrid('endEdit', lastIndex);  
      $('#HyqPeopledatagrid').datagrid('beginEdit', index);  
      lastIndex = index;  
   
   },
    onAfterEdit:function(index,row,changes){  
    var rowId = row.id;  
    $.ajax({  
          url:"people/update.do" ,  
          data: {id:row.id,searchno:row.searchno},  
          success: function(text){
          $('#HyqPeopledatagrid').datagrid('reload');
          if(!text.status)
        $.messager.alert('提示信息',text.info,'');    
          }  
       });
      
   }, */
toolbar:[
{
text:'刷新',
iconcls: 'icon-reload',
handler: function(){
$('#HyqPeopledatagrid').datagrid('load');
}
}
<c:forEach items="${menubuttons}" var="list" varStatus="stat">  
<c:if test="${stat.first}">,'-',</c:if> ${list.mbattribute }<c:if test="${!stat.last}">,</c:if> 
</c:forEach>
],
});
HYQMS.HyqPeople.startCheck = function startCheck(){
if(HYQMS.HyqPeople.selectedData==undefined) {
HYQMS.MSG.alert('请单击要修改数据的行进行选择!');
return false;
}
var id = HYQMS.HyqPeople.selectedData.id;
HYQMS.EUI.newWindow({
title:'审核人员',
height:'640',
width:'800',
href:'people/loadcheck.do',
queryParams:{
id:id,
},
});
};
HYQMS.HyqPeople.startAdd = function startAdd(){
window.open("people/loadadd.do");
};
HYQMS.HyqPeople.startSave = function startSave(){
if(HYQMS.HyqPeople.selectedData==undefined) {
HYQMS.MSG.alert('请单击要修改数据的行进行选择!');
return false;
}
var id = HYQMS.HyqPeople.selectedData.id;
window.open("people/loadupdate.do?id="+id);
};

/*导出Excel*/
HYQMS.HyqPeople.startExport = function startExport(){
window.open('people/exportexcel.do');
};

//判断是否结束编辑
var editIndex = undefined;
   function endEditing(){
    if (editIndex == undefined){return true}
    if ($('#HyqPeopledatagrid').datagrid('validateRow', editIndex)){
    $('#HyqPeopledatagrid').datagrid('endEdit', editIndex);
    if($('#HyqPeopledatagrid').datagrid('getChanges').length>0) {//值有改变就提交数据库
    var row = ($('#HyqPeopledatagrid').datagrid('getSelected'));
        $.ajax({  
              url:"people/update.do" ,  
              data: {id:row.id,searchno:row.searchno},  
              success: function(text){
              $('#HyqPeopledatagrid').datagrid('acceptChanges');
              //$('#HyqPeopledatagrid').datagrid('reload');
              if(!text.status)
            $.messager.alert('提示信息',text.info,'');    
              }  
           });
    }
    editIndex = undefined;
    return true;
    } else {
    return false;
    }
   }
   //单击表格单元格
   function onClickCell(index, field){
    if (endEditing()){
    $('#HyqPeopledatagrid').datagrid('selectRow', index)
    .datagrid('editCell', {index:index,field:field});
    editIndex = index;
    }
   }
   
});

js--easyUI----jQuery easyui datagrid 点击某个单元格即进入编辑状态,焦点移开后,保存数据

/// 最近一次使用编辑行 一切正常 ///  ///初始化数据容器  ///  function InitGrid(){     var lastIndex;     $("#g...

datagridview编辑列的颜色,设置点击datagridview当前单元格事件

巩固一下自己学过的关于datagridview的知识,内容如下:设置datagridview可编辑列的颜色 ,设置点击datagridview当前单元格事件,一下datagridview简称为DGV ...
  • qq01ko
  • qq01ko
  • 2013年09月25日 15:27
  • 574

点击单元格弹出picker

  • 2014年07月11日 17:58
  • 36KB
  • 下载

Flex DataGrid双击编辑单元格

flex中的DataGrid是支持单击编辑单元格内容的,不过这确实不够方便,单击是选中数据的,怎么能变成修改呢!在网上查了看,利用一个DataGrid组件,可以实现双击修改 此组件源码为: ...

js 实现 双击单元格变为可编辑

  • 2010年03月31日 11:49
  • 670B
  • 下载

Android GridView之实现单元格合并,以及第一个item点击无响应或显示不正常的解决方案

个人觉得 GridView 中实现单元格合并的需求并不常见,但是这里还是介绍一种方法,先看一下效果图: 接下来是代码实现: public class MainActivity extends Ac...

Ext.grid.EditorGridPanel点击单元格改变数据,动态添加列

本文的重点1、NumberField的listeners事件并不是很有效的验证,那么我又重新写了它的监听事件 2、grid的动态添加列的方法思路 2-1:首先store是需要动态变化的 ...

Swift之点击UITableView单元格动态改变cell高度

基于上一篇文章,继续我们需要实现的点击相应的表格单元格动态改变cell的高度(上一篇文章的地址这里写链接内容)...

点击DataGirdView的单元格实现增删改查。

单纯的实现数据库的增删改查我想并不是什么难事,必须我们可以用DATAGRIDVIEW去显示,那么如何单击DATAGRIDVIEW的任意单元格的内容显示在其他控件里呢(比如文本框)?这似乎让人摸不着头脑...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:点击单元格进入编辑状态
举报原因:
原因补充:

(最多只允许输入30个字)