如何將jqGrid的彈出模式窗口居中

下面的代碼轉到中央窗口。Oleg示例代碼的。如果表格的高度發生變化，它將不會居中。測試用例重現了不居中的表單問題。重現步驟:在IE9中打開頁面，打開優先級行的視圖，點擊視圖窗口的底行按鈕打開第二行。Observerd:視圖窗口不集中，底層內容不可見，不可訪問。& lt！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " " CodeGo.net

& lthtml xmlns = " CodeGo.net

& lthead & gt

& ltmeta/& gt；

& ltlink rel = " style sheet " type = " text/CSS " href = " CodeGo.net/>

& ltscript type = " text/JavaScript " src = " CodeGo.net

& ltscript type = " text/JavaScript " & gt；

$(文檔)。ready(function() {

jquery . extend(jquery . jgrid . view，{

recreateForm:沒錯，

收尾景觀:沒錯，

寬度:0.96 *屏幕寬度，

beforeShowForm:函數($form) {

$ form . CSS({ " max-height ":0.72 * screen . height+" px " })；

$form.find("td。DataTD”)。each(function () {

var $this = $(this)，html = $ this . html()；//& lt；span & gt& lt/span>。

if (html.substr(0，6)= = " "){

$(這個)。html(html . substr(6))；

}

$this.children("span ")。css({

溢出:“自動”，

" text-align": "inherit "，// overwrite 'text-align: "right " '

顯示:“內嵌塊”/*，

"最大高度":" 100px"*/

});

//"編輯模式列表"

var dlgDiv = $(" # view mod "+$(' # list ')[0]。id)；

var parent div = DLG div . parent()；// div#gbox_list

//var DLG width = DLG div . width()；

//var parent width = parent div . width()；

var DLG height = DLG div . height()；

var parenthoot = parent div . height()；

// TODO:在網格的情況下，更改parentWidth和括號

//比瀏覽器窗口大

dlgDiv[0].style.top = Math.round((括號-DLG height)/2)+" px "；

//DLG div[0]. style . left = math . round((parent width-DLG width)/2)+" px "；

}

});

var mydata = [

{ id:“1”，invdate:“2007-10-02”，name:“row 1”，note:“note 2”，金額:“300.00”，稅:“20.00”，合計:“320.00”}，

{id:"2 "，invdate:"2007-10-02 "，名稱:"單擊\n我\ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n \ n增加窗體高度單擊我增加窗體高度test 2 sdfsdfsd dfksdfkj sdfjksdfksdfjk SDK

];

var grid = $(" # list ")；

grid.jqGrid({

數據:mydata，

數據類型:“本地”，

列模型:[

{name:'id '，index:'id '，key: true，width:70，sorttype:"int"}，

{名稱:'無效日期'，索引:'無效日期'，寬度:90，排序類型:“日期”，可編輯:true}，

{name:'name '，index:'name '，style:'width:"20px " '，editable: true，edittype: 'textarea '，

換行:“開”，

editoptions: { wrap : "on "，

款式:【寬度:30px】