1. 程式人生 > >jqgrid動態設定某個單元格進入編輯狀態

jqgrid動態設定某個單元格進入編輯狀態

一、關鍵點

1、點選修改按鈕時,設定列qtype的editable屬性值為true,表示此欄位可編輯;然後設定id對應的行進入編輯狀態,此時該行中所有的可編輯列都將進入編輯狀態。

$("#jqgridTable2").setColProp("qtype",{editable:true});
$("#jqgridTable2").editRow(id,true);
其中qtype是列名,id是行id值。

2、編輯完資料點選儲存按鈕進行儲存時,重新設定該列(qtype)的editable屬性值為true,表示此欄位不可編輯。儲存資料到資料庫然後重新載入一次表格。

$("#jqgridTable2").setColProp("qtype",{editable:false});

//這裡省略編輯完後進行的資料儲存操作

//重新載入表格
$("#jqgridTable2").jqGrid().trigger("reloadGrid");	

按鈕所在地:

gridComplete: function(){
				   					var ids = $("#jqgridTable2").jqGrid('getDataIDs'); 
				   					for(var i=0;i < ids.length;i++){
				   						var id = ids[i]; 
				   						var button = "<input type='button' value='修改' onclick=\"updateRow('"+id+"',this);\" />"; 
				   						$("#jqgridTable2").jqGrid('setRowData',id,{operation:button});
				   					} 
				   				}


相關推薦

jqgrid動態設定某個單元進入編輯狀態

一、關鍵點 1、點選修改按鈕時,設定列qtype的editable屬性值為true,表示此欄位可編輯;然後設定id對應的行進入編輯狀態,此時該行中所有的可編輯列都將進入編輯狀態。 $("#jqgridTable2").setColProp("qtype",{editable

點選表格td 實現某個單元編輯

html (elementUi中的表格,傳入位置和當前值) methods(生成input,將當前輸入的value值等於當前單元格的值) handleChangeCorrectValue(index, data) { var target = event.target,

poi匯出Excel時設定某個單元顏色

需求:    查詢資料庫表資料然後到另一個表找錯誤的對應欄位(就是找到需要填充的單元格所在行的列),對這個單元格進行設定背景色,然後匯出資料。 具體的工具類如下   import cn.afterturn.easypoi.excel.annotatio

bootstrapTable如何設定某個單元樣式

使用bootstrapTable繫結表格資料中,如何設定在bootstrapTable繫結資料的表格中設定某個單元格的樣式。需要使用到bootstrapTable中cellStyle進行設定,在bootstrapTable繫結資料中在對應的columns裡面新增cellSty

devexpress控制元件中的gridControl設定某個單元屬性

前提:有一列RepositoryItemCheckEdit複選框列,和一列RepositoryItemButtonEdit按鈕列,特定條件下這行的複選框和按鈕不可用。效果圖如下: 原理是在程式碼中宣告新的物件,給新的物件賦屬性值,再用新的物件替換原有的物件。 程式碼如下

OOALV 控制到每一個單元編輯狀態

系統標準程式:BCALV_EDIT_02 。 如下專案實際使用程式 DATA: celltab type LVC_T_STYL. gs_layout-stylefname = 'CELLTAB'. *&------------------------------

SAP OOALV 動態設定單元可否編輯

對於OOALV有些列允許客戶輸入,但是當用戶輸入之後,或者ALV展示之前要判斷是否滿足一定的條件,如果滿足,那麼就要單獨設定某一行或者幾行的這個欄位不可以編輯或可以編輯,效果如果所示: 動態編輯 實現步驟 1.在展示的內表或內表型別中新增欄位 CELLTAB TYPE LVC_T_STYL

js--easyUI----jQuery easyui datagrid 點選某個單元進入編輯狀態,焦點移開後,儲存資料

以上為轉載內容,以下為自己驗證程式碼: function _createTable(data){              //對漢字進行轉碼         $.each(data.data, function(i, obj){             var eventName = unescape(ob

jqgrid設定單元編輯

1 在單元格的屬性列設定為editable。 2 點選編輯按鈕的時候,觸發某一行設定為edit的狀態。 jQuery("#rowed4").jqGrid({ url:'server.php?q=2', datatype: "json", colNames

jqgrid表格 修改當前行某個單元的資料

1、jqgrid 修改當前行某個單元格的資料 $("#table_list_2").jqGrid('setCell',rowId,"virUseData",equip.virUseData);//'s

Java poi匯出設定 Excel某些單元不可編輯

 小白的總結,大神勿噴;需要轉載請說明出處,如果有什麼問題,歡迎留言 一、需求: 1、某一列 、某一行或某些單元格不可編輯,其他列可以編輯 二、期間遇到的問題 1、無法設定成不可編輯 2、設定為不可編輯,匯出後發現所有單元格均不可編輯; 原因:createCell();建立單元格後,單元

NPOI簡單的給某個單元字型設定顏色

參考文件有: https://www.cnblogs.com/gossip/p/4307486.html  https://bbs.csdn.net/topics/391042064?page=1 效果圖:    需求分析:匯出資料時能夠匯出一段時間段內的所有產品質

DevExpress Gridview設定單元不可編輯及顏色

        /// <summary> /// 單元格不能編輯 /// </summary> /// <param name="sender"></param>

JqGrid之指定單元編輯-yellowcong

JqGrid中,設定指定單元格,官網是沒有API的,cell的編輯和不可以編輯,是由not-editable-cell和edit-cell兩個樣式進行控制的,我們需要在onCellSelect的方

JavaFx表格檢視TableView設定單元編輯(只需兩步實現)

只需兩步: 1. tableView.setEditable(true);//表格設定為可編輯 2. colUrl.setCellFactory(TextFieldTableCell.for

Swing Jtable 設定單元不可編輯

Swing Jtable 設定單元格是可編輯,這與SWT正好相反。提供的API也不能修改可編輯性,但可以通過重寫AbstractTableModel來實現JTable 單元格不可編輯。 核心程式碼: class  MyTableModel extends Abstract

vue elementui table 雙擊單元實現編輯,聚焦,失去焦點,顯示隱藏input和span

ntc 單元 src func cell Dimension === http nts <el-table :data="tableData" class="tb-edit" style="width: 100%"

Apache-POI 設定excel單元樣式字型等

大概思路就是設定樣式以及字型後新增進單元格中 Workbook wb = new XSSFWorkbook(); Sheet sheet = wb.getSheetAt(0); //建立單元格 Row row = sheet.getRow(0); if(null == row){ r

如何改變DBGridEh中其中某個單元的字型顏色

procedure TFormMain.DbgAllDrawColumnCell(Sender: TObject;   const Rect: TRect; DataCol: Integer; Column: TColumnEh;   State: TGridDrawState)

改變某個單元的字型顏色和背景色

場景: 需要不同的顏色來區分其他資料 操作步驟: 新增 NM_CUSTOMDRAW 訊息響應事件,或者手動新增 實現程式碼如下: NMLVCUSTOMDRAW* pLVCD = reinterpret_cast<NMLVCUSTOMDRAW*>(pNMHDR);