1. 程式人生 > >easyui datagrid單獨修改某列的值

easyui datagrid單獨修改某列的值

                        此時心中毫無波瀾,只覺得好餓

廢話不多說,先看效果圖:

程式碼:

<th field="departmentId" width="150px" sortable="true"  editor="{type:'combogrid',options:{panelWidth:450, pagination: 'true',
    					idField:'departmentId',textField:'departmentId',url:'../base/departmentList.do',columns:[[{field:'departmentId',title:'部門Id',width:60},
    					{field:'departmentName',title:'部門名稱',width:100}]],pageList:[10,15,50,100],onSelect:function(index,row){
						 var i = $('.datagrid-row-editing').attr('datagrid-row-index');
			            var td=$('.datagrid-body td[field=\'departmentName\']')[i];
			            var div = $(td).find('div')[0];
			            $(div).text(row.departmentName);
						}}}">部門Id</th>				
  <th field="departmentName" width="150px" sortable="true"  editor="{type:'textbox',options:{disabled:true}}">部門名稱</th>

關鍵程式碼就在onselect裡面,其實還是通過jquery定位然後賦值,只不過easyui datagrid會覆蓋你自定義的id和class等定位元素,所以麻煩一點。獲取當前編輯行的索引i,給當前索引的區域賦值,index是你以前的元素值,row是你選擇的物件值。

相關推薦

easyui datagrid單獨修改

                        此時心中毫無波瀾,只覺得好餓 廢話不多說,先看效果圖: 程式碼: <th field="departmentId" width="150px" sortable="true" editor="{type:'

【mysql】已經建立表後,修改的預設

簡述 比如我這裡已經有一個表了,teacher。 新增一個default值 這裡假設設定telephone的預設值為00000000 mysql> alter table teacher alter column telephone set defa

隱藏Easyui Datagrid中的

一開始給的解決方案如下 $(‘#xx’).datagrid.(‘hideColumn’,’field’) 這也是easyui API中給出的解決方案,但是在這裡並不管用,後來向組裡的大神請教了以後,又換了另外一種方法 全部程式碼如下 { field: ‘

easyUI datagrid 多行多數據渲染異常緩慢原因以及解決方法

後端 http 前後端 公司 發送請求 class 之前 vue 做的 原因 最近,在優化之前公司幫聯想(外包)做的一個老的後臺管理系統,由於項目是基於easy UI框架,頁面是後臺用jsp實現的,再加上在公司推行前後端分離的實踐,大部分項目都基於vue采用前後端分離去實現

mongodb批量新增和批量修改的資料型別

1、批量向jd這個文件新增操作屬性為state 值為0的列 這裡預設為double型別 db.jd_goods_code.update( {"state" : {$exists : false}}, {"$set" : {"state" : 0}}, fals

獲取GridView中的

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

easyui datagrid 自定義按鈕(4)

1.原始碼 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="keywords" content="jquery,u

python將檔案內容按照重新排序

python實現將檔案內容按照某一列內容的大小值重新排序。 例如團檔案內容為: 現在講檔案內容按照第四列的值重新排序,形成: print(''.join(sorted(open('test.t

easyui-datagrid自定義操作

在實際的專案中,有時會有操作列這個需求,主要是修改和刪除的功能。 類似於: 實現該效果的方法並不複雜。需要使用到datagrid資料表格中的formatter方法。自定義列。 下面寫個小例子。 html <table id="dg" class="easyui-d

Jquery中獲取table中的方法

//獲取 table id=test123 第二列 文字值 ("#btnTest").click(function(){   $("#test123 tr td:nth-child(2)").each(function(){      alert($(this).tex

easyui datagrid動態修改editor為combobox的options

最近有個需求就是當你開啟datagrid的編輯狀態時,要根據行資料的不同對應的combobox的下拉選項也不同。同時為了美觀,開啟編輯狀態的時候combobox為我預設選擇資料。我的實現思路是,原有的editor的data不動,重寫onBeginEdit方法,在裡面獲取到要

PostgreSQL中設定表中自增或迴圈

  在postgresql中,設定已存在的某列(num)值自增,可以用以下方法: //將表tb按name排序,利用row_number() over()查詢序號並將該列命名為rownum,建立新表t

mysql統計連續出現次數小於五次的記錄

表原紀錄如下: 需求:找出age連續出現次數少於5次的所有記錄。 #建臨時表 CREATE TABLE dba.t3_temp AS SELECT cc.age,rownum,cc.orinum,cc.id,cc.name FROM (SELECT aa.id

Panda篩選出相同的行

比如DataFrame有兩列,[luid,message] 現在我想挑選出相同人傳送的資訊 那麼程式碼如下: # 篩選出luid相同的行 subData = trainData.loc[(trainD

獲取GridView的TemplateField模版中

在GridView控制元件沒有加入模版的時候,可以很容易得到某行,某列的值. 如:    e.Row.Cells[3].Text  //就是要獲得當前選定行的第四個單元中的內容.我這裡是把這行程式碼放到了OnRowDataBound事件處理程式中的. 但要是對這列加入了Tem

jqGrid的colModel的formatter修改,進行各種操作,

{name: 'isFactorySend', fixed: true, width: '100px',formatter:isFactorySendBox} function isFactorySendBox(cellValue, options, rowObject)

在遍歷datatable並且修改的時候提示此列為只讀原因

如果datatale是由SQL語句遍歷獲得,可能原因是sql語句中使用了聚合函式, 聚合函式獲得的相關列的只讀屬性便是ture,,所以LZ修改值時提示“列“總工作量”為只讀。 可以在遍歷的時候把需要修改值的列只讀屬性重新置為false即可。 t.Columns["總工作量"].ReadOnly = false

完美實現儲存和載入easyui datagrid自定義調整寬位置隱藏屬性功能

需求&場景   例表查詢是業務系統中使用最多也是最基礎功能,但也是調整最平凡,不同的使用者對資料的要求也不一樣,所以在系統正式使用後,做為開發恨不得坐在業務邊上,根據他們的要求進行調整,需要調整最多就是列的位置和寬度。非常麻煩,而且還會不停的變。最好的方式把這個功能放給使用者,讓使用者自己去調整,並

EasyUI-DataGrid編輯時出現下拉列表框選擇,同時修改其它

首先是進行表格式的初始化,主要是為了可以進行編輯//初始化表格 $.extend($.fn.datagrid.methods, { editCell: function (jq, param) { return jq.each(function ()

動態修改easyui-datagrid

csharp eas blog 動態修改 field grid datagrid htm 查詢 <table id="DataList" title="查詢結果" style="width:99%;padding:10px;"></table>