jqGrid合併表頭

2022-09-16 21:15:33 字數 2905 閱讀 7002

摘錄他人僅供學習。

<

script

type

="text/j**ascript"

>

varlastsel3;

//選擇一行進行編輯時用到的

$(function

(),

//edittype 修改時設定編輯框的html樣式的

},

//行內編輯時自定義的驗證valiage方法中寫驗證條件

},

/**對於時間格式的顯示formatter:'date'格式化時間和formatoptions: 配合使用,

* h:i:s用於顯示時分秒,newformat: 'y-m-d',當y為小寫時 只顯示年份的後兩位如1988則顯示88;m(月),d(日)為大寫時則顯示英文(簡寫)的月日;

*/, width:

250, align:

'center

',editable:

true

,sorttype:

"date"}

],//forcefit : true,//調整列寬度

pager:

'#pager',

//定義頁碼控制條page bar,需要乙個div

rownumbers:

true

, //

如果為ture則會在**左邊新增一列,顯示行順序號,從1開始遞增(翻頁後的值與rowlist有關)。此列名為'rn'.

rownum:5,

//一頁中顯示的最大條數,返回條數大於此值時,仍顯示此值的條數.

rowlist:[20,

50,100],

//乙個陣列,用於設定grid可以接受的rownum值

sortname:

'sid',

//初始根據哪個列來排序, 當在**中點選不同的列頭,可以實現動態根據某列來排序,將會把點選的列名傳到後台來實現根據不同的字段來排序

sortable:

true

, viewrecords:

true

, //

設定是否在pager bar顯示所有記錄的總數

sortorder:

'asc',

//排序asc or desc

prmnames:,

//設定預設傳到後台的引數名稱

loadtext:'等等

',height:

'80%',

altrow:

true

, multiselect:

true

,

//是否顯示多選框

multiboxonly:

false

, //

是否只有點選多選框時,才執行選擇多選框checkbox.預設為false,點選一行亦選定此行的多選框

multiselectwidth:

50,

//多選框所在列的寬度

page:1,

//初始顯示第幾頁

//celledit: true,//與colmodel中editable屬性配合使用,當editable:true,celledit:true時可以對editable:true的列進行單個單元格編輯,celledit:false時(colmodel中所有列editable都為true時)整行編輯

editurl:

'ok.jsp',

//編輯欄編輯後傳送的位址(整行)

cellurl:

'ok.jsp',

//單元格的傳送位址

gridview:

true,//

構造一行資料後新增到grid中,如果設為true則是將整個**的資料都構造完成後再新增到grid中,但treegrid, subgrid, or afterinsertrow 不能用

subgrid :

true,//

開啟顯示子表的按鈕

caption:

"jqgrid test",

subgridrowexpanded:

function

(subgrid_id,row_id) ,

, ,

],height:

'100%

'});

},onselectrow :

function

(rowid,sid,status)

else

},loadcomplete:

function

() });

//多重表頭

//頂級表頭

jquery(

"#list

").jqgrid(

'setgroupheaders',

]

});//二級表頭

jquery(

"#list

").jqgrid(

'setgroupheaders

', ,

]});

jquery(

"#list

").jqgrid(

'n**grid',

'#pager

',);

//$("#list").jqgrid('inlinen**','#pager');//行內編輯 (或與單元格編輯(選擇) 引衝突)

//對話方塊$("

#dialog

").dialog();

});function

pickdates(rowid));

//時間控制項}

function

valiage(value,colname)

else

}script

>

jqgrid多次呼叫合併表頭出現重疊的處理

使用jqgrid過程中 遇到窗體大小改變後 需要重新渲染表頭及資料列 我註冊了乙個窗體大小改變的監聽事件 在裡面重新設定列表的寬度和高度 最關鍵的一步 銷毀合併表頭內容 再次設定表頭合併 該事件完整 如下 gridlist setgridwidth window width true gridlis...

datagridview合併表頭

1.功能說明 將連續的多個列合併成乙個新列。2.不足之處 不能合併多層。比如下圖這樣的功能是沒有的。3.使用參考.在form的建構函式裡寫下如下 utility.exgridview.isenlarged false 在datagridview的cellpaiting事件中寫如下 utility.e...

elementUI表頭合併

el table data tabledata border style width 100 header cell class name headerclass el table column el table column label 檢驗專案 header align center el ta...