• jQuery easyui datagrid 编辑行试用! 冰糖


     /// 最近一次使用编辑行 一切正常
     ///<summary>
      ///初始化数据容器 
      ///</summary>
      function InitGrid(){
      	 var lastIndex;
    	 $("#grid").datagrid({
    		 url:'',
    		 loadMsg:'数据加载中,请稍后......',
    		 border:false,
    		 fitColumns:true,
    		 remoteSort:false,
    		 onDblClickRow:function(rowIndex,rowData){
    		 	lastIndex=rowIndex;
    		 	$("#grid").datagrid('endEdit',rowIndex);
    		 	$("#grid").datagrid('beginEdit',rowIndex);
    		 	var oldordering = rowData.ordering;
    		 	$("input.datagrid-editable-input").val(oldordering).bind("blur",function(evt){
    		 		setOrder($(this).val(),eval("rowData."+actid));
    		 		$("#grid").datagrid('endEdit',lastIndex);
    		 	}).bind("keypress",function(evt){
    		 		if(evt.keyCode==13){
    		 			setOrder($(this).val(),eval("rowData."+actid));
    		 			$("#grid").datagrid('endEdit',lastIndex);
    		 		}
    		 	}).focus();
    		 	lastIndex=rowIndex;
    		 },
    		 frozenColumns:[[
    		                 {field:'ck',checkbox:true}
    		                 ]],
    		 toolbar:[
    		          {text:'刷新',iconCls:'icon-reload',handler:function(){
    		        	   Reload();
    		          }},
    		          {text:'添加',iconCls:'icon-add',handler:add},
    		          {text:'编辑',iconCls:'icon-edit',handler:edit},
    		          {text:'删除',iconCls:'icon-cut',handler:del},
    		          {text:'清选',iconCls:'icon-undo',handler:function(){
    		        	  $("#grid").datagrid("clearSelections");
    		          }}
    		          ],
    		 columns:[[
    		           {field:actid,title:'序号',17,align:'center',sortable:true,sorter:sortId},
    		           {field:'jobName',title:'招骋职位',40,align:'center',sortable:true},
    		           {field:'jobKind',title:'类型',60,align:'center',sortable:true},
    		           {field:'requireNum',title:'人数',12,align:'center',sortable:true},
    		           {field:'email',title:'邮箱',34,align:'center',sortable:true},
    		           {field:'ordering',title:'排序',10,align:'center',sortable:true,editor:{type:'numberbox'}},
    		           {field:'lastTime',title:'截止时间',40,align:'center',sortable:true},
    		           {field:'act',title:'操作',40,align:'center',formatter:act}
    		           ]]
    	 });
      }
    

      

     以前使用方式

     ///<summary>
    ///初始化数据容器
    ///</summary>
    function InitGrid(){
    var lastIndex;
    $("#grid").datagrid({
    url:'',
    loadMsg:'数据加载中,请稍后......',
    border:false,
    fitColumns:true,
    remoteSort:false,
             //双击变有可编辑状态
    onDblClickRow:function(rowIndex,rowData){
    var oldnum = rowData.g_num;
    //if(lastIndex!=rowIndex){
    $("#grid").datagrid('endEdit',rowIndex);
    $("#grid").datagrid('beginEdit',rowIndex);
    var num = rowData.g_num;
    $("input.datagrid-editable-input").val("+");
    $("input.datagrid-editable-input").bind("blur",function(evt){
    var input = $(this).val()?eval($(this).val()):0;
    var result = SetNum(input,rowData.id,oldnum);
    var item = result.split("||");
    $(this).val(item[1]);
    $("#grid").datagrid('endEdit',lastIndex);
    });
    $("input.datagrid-editable-input").bind("keypress",function(evt){
    if(evt.keyCode==13){
    var input = $(this).val()?$(this).val():0;
    var result = SetNum(input,rowData.id,oldnum);
    var item = result.split("||");
    $(this).val(item[1]);
    $("#grid").datagrid('endEdit',lastIndex);
    }
    });
    //}
    lastIndex=rowIndex;
    },
    frozenColumns:[[
    {field:'ck',checkbox:true}
    ]],
    toolbar:[
    {text:'刷新',iconCls:'icon-reload',handler:function(){
    Reload();
    }},
    {text:'添加',iconCls:'icon-add',handler:add},
    {text:'编辑',iconCls:'icon-edit',handler:edit},
    {text:'删除',iconCls:'icon-cut',handler:del},
    {text:'清选',iconCls:'icon-undo',handler:function(){
    $("#grid").datagrid("clearSelections");
    }}
    ],
    columns:[[
    {field:'id',title:'序号',40,align:'center',sortable:true,sorter:sortId},
    {field:'g_name',title:'商品名称',40,align:'center',sortable:true},
    {field:'gt_name',title:'所属类型',40,align:'center',sortable:true},
    {field:'g_num',title:'库存',40,align:'center',sortable:true,editor:{type:'numberbox'}},
    {field:'g_isnew',title:'是否新品',40,align:'center',sortable:true,formatter:function(val){
    return val=='1'?'是':'否';
    }},
    {field:'g_ishot',title:'是否热品',40,align:'center',sortable:true,formatter:function(val){
    return val=='1'?'是':'否';
    }},
    {field:'g_status',title:'状态',40,align:'center',sortable:true,formatter:status},
    {field:'g_addtime',title:'添加时间',40,align:'center',sortable:true},
    {field:'act',title:'操作',40,align:'center',formatter:act}
    ]]
    });
    }

    ///<summary>
    ///Ajax获取分页数据
    ///currPage => 当前页码
    ///</summary>
    function GetData(currPage){
    var pageSize = getPageSize();// 15;
    var where=$("#where").val();
    var levels=$("#pt").val();
    $.ajax({
    url:url+'/AjaxData',
    type:'post',
    dataType:'text',
    data:'currPage='+currPage+'&pageSize='+pageSize+''+'&where='+where+'&pt='+levels,
    beforeSend:function(){
    $("#grid").datagrid("loading");
    },
    success:function(json){
    $("#grid").datagrid("loaded");
    json=decodeURIComponent(json);
    if(json.length<=20){
    $("#grid").datagrid("loadData",{total:0,rows:[]});
    return;
    }
    json = eval('('+json+')');
    $("#grid").datagrid("loadData",json);
    $("#currPage").val(currPage);
    $("#pageCount").val(Math.ceil(json.total/pageSize));
    $("#pageStr").html(ShortPageStr(json.total));
    ShowPageBar();
    },
    error:function(data){
    alert(data.responseText);
    }
    });
    }

    ///<summary>
    ///@desc 修改库存(出入库)
    ///</summary>
    function SetNum(count,id,oldnum){
    var result = 'error||'+oldnum;
    $.ajax({
    url:url+'/SetNum',
    type:'post',
    dataType:'text',
    data:'count='+count+'&sx='+id,
    async:false,
    success:function(data){
    result = data;
    },
    error:function(data){
    result='error||'+oldnum;
    }
    });
    return result;
    }


     

  • 相关阅读:
    Helm3 安装 ElasticSearch & Kibana 7.x 版本
    tomcat内存溢出
    MySQL数据库连接重试功能和连接超时功能的DB连接Python实现
    tomcat的catalina.out日志按自定义时间格式进行分割
    使用调度器apscheduler实现py文件不停连接MySQL数据库
    Kubernetes 中部署 NFSSubdirExternalProvisioner 为 NFS 提供动态分配卷
    安装MySQL8 工具集
    安装 Helm3 管理 Kubernetes 应用
    tcmalloc 动态库替换(CentOS 操作系统)
    讲讲 tcp_tw_recycle,tcp_tw_reuse
  • 原文地址:https://www.cnblogs.com/hxtgirq710/p/gridedit.html
Copyright © 2020-2023  润新知