jqgrid初始化引數及colModel引數

2021-08-03 19:24:15 字數 3981 閱讀 4895

jqgrid是典型的

b/s架構

,伺服器端只是提供資料管理,客戶端只提供資料顯示。換句話說,jqgrid可以以一種更加簡單的方式來展現你資料庫的資訊,而且也可以把客戶端資料傳回給伺服器端。

對於jqgrid我們所關心的就是:必須有一段**把一些頁面資訊儲存到資料庫中,而且也能夠把響應資訊返回給客戶端。jqgrid是用

ajax

來實現對請求與響應的處理。 名稱

描述url

獲取資料的位址

datatype

從伺服器端返回的資料型別,預設為xml。可選型別有:xml,local,json等。

mtype

ajax提交方式,post或者get。預設get。

colnames

列顯示名稱,是乙個物件陣列。

colmodel

常用到的屬性:name:列顯示的名稱; index:傳到伺服器端用來排列用的列名稱;width:列寬度;align:對齊方式;sortable:是否可以排序;

pager

定義翻頁用的導航欄,必須是有效的html元素。翻頁工具可以放在頁面的任意位置。

rownum

在grid上顯示記錄條數,這個引數要被傳遞到後台。

rowlist

乙個下拉選擇框,用來改變顯示記錄數,當選擇時會覆蓋rownum引數傳遞到後台。

viewrecords

定義是否要顯示總記錄數

caption

**名稱

direction

**中文字的顯示方向,從左向右(ltr)或者從右向左(rtl)

editurl

定義對form編輯時的url

height

**高度,可以是數字,畫素值或者百分比

prmnames

default valuesprmnames: 當引數為null時不會被發到伺服器端

colmodel 是jqgrid裡最重要的乙個屬性,設定**列的屬性。

屬性描述

align

對齊方式。可選:left,center,right;

classes

設定列的css。多個class之間用空格分隔,如:『class1 class2』。**預設的css屬性是ui-ellipsis。

datefmt

「/」,「-」,「.」都是有效的日期分隔符。日期格式,string y-m-d

editable

單元格是否可編輯

editoptions

編輯的一系列選項。}。動態從伺服器端獲取資料的例子。

editrules

編輯的規則},設定年齡的最大值為100,最小值為10,而且為數字型別,並且必輸字段。

fixed

列寬度是否要固定不可變

formoptions

對於form進行編輯時的屬性設定

formatoptions

對某些列進行格式化的設定

formatter

對列進行格式化時設定的函式名或者型別。

,formatter:function(cellvalue, options, rowobject) else if (cellvalue == 2) else

temp = temp + " 'border = ' 0'/> "

return temp;

}},                 //返回性別的圖示

hidden

在初始化**時是否要隱藏此列。

index

索引。其和後台互動的引數是sidx

label

如果colnames為空則用此值來作為列的顯示名稱,如果都沒有設定則使用name值。

name

**列的名稱,所有關鍵字、保留字都不能作為名稱使用,包括subgrid,cb,rn

sortable

是否可排序

sorttype

用在當datatype為local時,定義搜尋列的型別,可選值:int/integer,對integer排序; float/number/currency,排序數字; date:排序日期; text:排序文字。

width

預設列的寬度,只能是畫素值,不能使百分比

unformat

『unformat』單元格值

edittype

/*******

從後台獲取**商物資資訊資料

******/

var grid_data = ;

var start = 0;

var limit = 100;

var currentpage = 0;

var datastr = "start=" + start + "&limit=" + limit;

$.ajax(;

grid_data[i] = grid_child; }}

},error:function(e)

});jquery(function($) ,

//editformbutton:true, editoptions:}},

,},

},},

, hidden:true, editoptions:},

, hidden:true, editoptions:},

, hidden:true, editoptions:},

, hidden:true, editoptions:},

},, hidden:true},},,

},},

//, formatter:function(cellvalue, options, rowobject)}},}

], //footerrow: true,//分頁上新增一行,用於顯示統計資訊

rownumbers:true,//新增左側行號

viewrecords : true, //定義是否要顯示總記錄數

rownum:10, //在grid上顯示記錄條數,這個引數是要被傳遞到後台

rowlist:[10,20,30], //乙個下拉選擇框,用來改變顯示記錄數,當選擇時會覆蓋rownum引數傳遞到後台

pager : pager_selector, //定義翻頁用的導航欄,必須是有效的html元素。翻頁工具欄可以放置在html頁面任意位置

altrows: true, //設定為交替行**,預設為false

prmnames: 當引數為null時不會被發到伺服器端

page:"page", //設定初始的頁碼(預設值:1)

rows:"rows",

oper:"oper",

editoper:"edit",

addoper:"add",

deloper:"del",

},//toppager: true,

multiselect: true, //定義是否可以多選

//multikey: "ctrlkey", //只有在multiselect設定為ture時起作用,定義使用那個key來做多選。shiftkey,altkey,ctrlkey

multiboxonly: true, //只有當multiselect = true.起作用,當multiboxonly 為ture時只有選擇checkbox才會起作用

gridcomplete:function()); */

jquery("#grid-table").jqgrid('setrowdata', ids[i], );

} },

loadcomplete : function() , 0);

},editurl: "goods_editgoods.do", //定義對form編輯時的url

caption: "物資資訊列表", //**名稱

autowidth: true //如果為ture時,則當**在首次被建立時會根據父元素比例重新調整**寬度。如果父元素寬度改變,為了使**寬度能夠自動調整則需要實現函式:setgridwidth

});});

mockito初始化引數 初始化Mockito模擬

mockito初始化引數 與未開發的專案相比,維護專案並不有趣,但可以肯定的是,此專案提供了大部分內容。這個星期我沒有檢查生產 而是檢查了測試。在測試中看到的內容揭示了生產 本身是如何編寫的。這是一種以更少的風險使事情變得更好的方法。起初,我只想刪除盡可能多的powermock使用。然後我發現大多數...

關於初始化及初始化順序

首先,類的成員變數會被自動初始化,並且會在構造器被呼叫前發生,如下 public class testinitialization public static void main string args 如下 主類 public class staticinitialization 呼叫main之前...

引數初始化表

成員初始化表的作用如下 成員初始化錶用在類的建構函式中,對類的資料成員等初始化。其實它的作用還不僅如此。class a public a int a,int b x a y b 這就是成員初始化表 private int x int y class b public b int c private ...