亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jQuery Easyui DataGrid點擊某個單元格即進入編輯狀態焦點移開后保存數據

2019-11-20 09:14:38
字體:
來源:轉載
供稿:網友

廢話不多說了,直接給大家貼代碼了。

關鍵代碼如下所示:

/// 最近一次使用編輯行 一切正常///<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:'序號',width:17,align:'center',sortable:true,sorter:sortId},{field:'jobName',title:'招騁職位',width:40,align:'center',sortable:true},{field:'jobKind',title:'類型',width:60,align:'center',sortable:true},{field:'requireNum',title:'人數',width:12,align:'center',sortable:true},{field:'email',title:'郵箱',width:34,align:'center',sortable:true},{field:'ordering',title:'排序',width:10,align:'center',sortable:true,editor:{type:'numberbox'}},{field:'lastTime',title:'截止時間',width:40,align:'center',sortable:true},{field:'act',title:'操作',width: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:'序號',width:40,align:'center',sortable:true,sorter:sortId},{field:'g_name',title:'商品名稱',width:40,align:'center',sortable:true},{field:'gt_name',title:'所屬類型',width:40,align:'center',sortable:true},{field:'g_num',title:'庫存',width:40,align:'center',sortable:true,editor:{type:'numberbox'}},{field:'g_isnew',title:'是否新品',width:40,align:'center',sortable:true,formatter:function(val){return val=='1'?'是':'否';}},{field:'g_ishot',title:'是否熱品',width:40,align:'center',sortable:true,formatter:function(val){return val=='1'?'是':'否';}},{field:'g_status',title:'狀態',width:40,align:'center',sortable:true,formatter:status},{field:'g_addtime',title:'添加時間',width:40,align:'center',sortable:true},{field:'act',title:'操作',width: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;}

以上為轉載內容,以下為自己驗證代碼:

function _createTable(data){//對漢字進行轉碼$.each(data.data, function(i, obj){var eventName = unescape(obj.eventName);var levelName = unescape(obj.levelName);obj.eventName = eventName;obj.levelName = levelName;});//數據處理var column = [{title:'ID',field:'id',width:100,align:'left'},{title:'級別編號',field:'levelNum',width:100,align:'left'},{title:'級別名稱',field:'levelName',width:100,align:'left',formatter:function(data){if(data == 'null'){return "";}else{return data;}},editor:{type:'text'}},{title:'活動id',field:'eventId',width:60,align:'left',rowspan:1, hidden:true},{title:'創建人id',field:'createUid',width:100,align:'left'},{title:'創建時間',field:'createDate',width:150,align:'left'}];var root = listToDataGrid(data);var title = "頭像列表";_getDataGrid("eventListTable", title, 'id', column).datagrid('loadData', root);}function _getDataGrid(id, aTitle, pk, columns){var el = $('#' + id + '');if (el.data('datagridInit') !== 'finished'){var lastIndex;el.datagrid({columns:[columns],title:aTitle,width:1000,nowrap: false,idField:pk,rownumbers:true,striped:true,singleSelect: true,collapsible:true,sortName: 'levelNum',pagination:false,pageSize: pageSize,sortOrder: 'asc',remoteSort: false,idField:'id',rownumbers:true,toolbar:[{id:'btnmodify',text:'修改',iconCls:'icon-cut',handler:_showDialog(id)},'-',{id:'btnremove',text:'刪除',iconCls:'icon-cancel',handler:_removeEvent(id)}],onDblClickCell:function(rowIndex, field, value){lastIndex=rowIndex;$('#'+id).datagrid('endEdit',rowIndex);$('#'+id).datagrid('beginEdit',rowIndex);var oldordering = value;$("input.datagrid-editable-input").val(oldordering).bind("blur",function(evt){debugger;var dataArry = $('#'+id).datagrid('getSelections');eventPlayer.setLevelName($(this).val(), dataArry[0].id);$('#'+id).datagrid('endEdit',lastIndex);}).bind("keypress",function(evt){if(evt.keyCode==13){debugger;var dataArry = $('#'+id).datagrid('getSelections');eventPlayer.setLevelName($(this).val(), dataArry[0].id);$('#'+id).datagrid('endEdit',lastIndex);}}).focus();lastIndex=rowIndex;}});//注冊分頁查詢方法var p = $('#' + id).datagrid('getPager');$pagination(p, {onSelectPage: function(pageNumber, pageSize1){getEventPlayerDataList();}});el.data('datagridInit', 'finished');}

以上所述是小編給大家介紹的jQuery Easyui DataGrid點擊某個單元格即進入編輯狀態焦點移開后保存數據,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美日韩国产中文精品字幕自在自线| 久久91亚洲精品中文字幕奶水| 久热精品视频在线观看一区| 欧美激情亚洲综合一区| 中文字幕欧美日韩| 久久久国产精品亚洲一区| 日韩高清a**址| 国内免费精品永久在线视频| 久久久伊人日本| 国产色婷婷国产综合在线理论片a| 欧美色图在线视频| 久久影视电视剧免费网站| 九九热最新视频//这里只有精品| 亚洲无线码在线一区观看| 欧美另类69精品久久久久9999| 青青精品视频播放| 一区二区三区天堂av| 777777777亚洲妇女| 亚洲奶大毛多的老太婆| 精品毛片三在线观看| 日韩精品一区二区三区第95| 97在线日本国产| 136fldh精品导航福利| 久久夜色精品亚洲噜噜国产mv| 7777精品久久久久久| 日韩精品视频三区| 欧美成人免费一级人片100| 欧美性在线观看| 狠狠综合久久av一区二区小说| 亚洲人成网站色ww在线| 亚洲欧美日韩国产中文| 亚洲综合视频1区| 日韩高清不卡av| 色先锋久久影院av| 精品国产老师黑色丝袜高跟鞋| 97视频在线观看免费高清完整版在线观看| 另类天堂视频在线观看| 国产欧美va欧美va香蕉在| 久久精品电影一区二区| 成人羞羞国产免费| 亚洲字幕一区二区| 日韩精品视频观看| 日韩免费高清在线观看| 欧美特级www| 中文字幕日韩精品在线观看| 欧美激情精品久久久久久黑人| 国产精品高清网站| 久久久久国色av免费观看性色| 欧美亚洲激情视频| 亚洲成av人片在线观看香蕉| 欧美福利视频网站| 欧美日韩精品在线观看| 亚洲国产美女久久久久| 91久久久久久久一区二区| 欧美在线播放视频| 精品亚洲一区二区三区在线观看| 国内精品久久久久久久| 国产原创欧美精品| 久久亚洲精品网站| 久久久综合免费视频| 日本一区二区不卡| www.99久久热国产日韩欧美.com| 亚洲欧美一区二区激情| 亚洲欧美日韩综合| 日韩欧美aⅴ综合网站发布| 91精品国产网站| 国产精品高清免费在线观看| 国产精品久久久久久久久| 这里精品视频免费| 韩国精品久久久999| 亚洲国产精品热久久| 少妇久久久久久| 国产精品日韩欧美| 亚洲一区二区三区在线免费观看| 国产欧美va欧美va香蕉在线| 日韩免费视频在线观看| 亚洲欧美成人精品| 亚洲成人精品久久久| 国产精品中文字幕久久久| 久久精品91久久久久久再现| 久久青草精品视频免费观看| 亚洲欧美变态国产另类| 亚洲精品v欧美精品v日韩精品| 久久国产精品99国产精| 国产精品va在线播放我和闺蜜| 一区二区三区动漫| 国内精品久久久久久久| 日韩免费av一区二区| 中文字幕综合在线| 国产97在线|日韩| 久久久久久久久91| 欧美大片免费观看在线观看网站推荐| 国产精品成人久久久久| 免费97视频在线精品国自产拍| 精品久久久久久国产91| 欧美日韩国产综合视频在线观看中文| 精品久久久999| 91高清视频在线免费观看| 正在播放欧美视频| 午夜精品一区二区三区在线视频| 欧美插天视频在线播放| 国产精品久久久久久影视| 91探花福利精品国产自产在线| 亚洲精品自拍偷拍| 亚洲国产精品va| 成人国产精品一区| 日韩欧美中文字幕在线播放| 亚洲免费一在线| 欧美激情免费视频| 久久躁狠狠躁夜夜爽| 午夜精品视频网站| 成人在线视频网站| 一区国产精品视频| 国产精品日本精品| 国产精品亚洲欧美导航| 高清日韩电视剧大全免费播放在线观看| 午夜精品久久17c| 久久成人亚洲精品| 亚洲自拍欧美另类| 91亚洲国产成人久久精品网站| 日韩大片免费观看视频播放| 欧美日韩一区二区三区在线免费观看| 在线精品国产成人综合| 91精品国产乱码久久久久久久久| 国产91九色视频| 91精品国产91久久久久久最新| 91精品国产乱码久久久久久蜜臀| 最近2019中文字幕大全第二页| 欧美在线精品免播放器视频| 懂色aⅴ精品一区二区三区蜜月| 日本中文字幕不卡免费| 欧美大片第1页| 亚洲成av人片在线观看香蕉| 国产精品观看在线亚洲人成网| 欧美成人午夜影院| 亚洲国内精品在线| 中文字幕成人精品久久不卡| 91超碰caoporn97人人| 日韩电影免费观看中文字幕| 欧美激情二区三区| 91精品国产91久久久久久久久| 欧美激情视频三区| 在线视频欧美日韩| 欧美成人精品在线观看| 日韩欧美在线网址| 国产成人精品视频在线| 国产欧美va欧美va香蕉在线| 亚洲乱码国产乱码精品精| 奇米成人av国产一区二区三区| 久久精品国产欧美激情| 亚洲男女性事视频| 视频直播国产精品| 欧美性xxxxx极品娇小| 亚洲综合在线播放| 一本大道久久加勒比香蕉| 日韩欧美aⅴ综合网站发布| 国产精品一区二区在线| 成人国产精品一区二区| 欧美久久精品午夜青青大伊人| 日韩中文视频免费在线观看| 精品久久久久久亚洲精品| 日韩av电影免费观看高清| 亚洲一级片在线看| 国产做受69高潮|