小編最近遇到一個(gè)問(wèn)題，久久不得其解，jtable.js中的彈出框如何自定義它的高呢？巧遇公司老員工，解決，這過(guò)程也讓我得到了不少的心得，先告訴你們代碼吧
方法就是改變jtable.js的源碼
1.在jquery.jtable.js源碼中的_showAddRecordIframe方法中添加代碼片段

if (this.options.Height == "auto") {$addRecordForm = $('<iframe id="' + IframeID + '" name="' + IframeID + '" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" style="width:100%;" src="' + this.options.AddIframeUrl + '" onload="SetIframeDigHeight(this)"></iframe>'); }

2.在jtable.js源碼中添加SetIframeDigHeight()方法

function SetIframeDigHeight(obj) {var win = obj;win.height = window.screen.availHeight - 300; }

上面window.screen.availHeight代表獲取頁(yè)面所在瀏覽器的界面的高度，這個(gè)就是實(shí)現(xiàn)該方法的主要原理

3.調(diào)用（由于工作內(nèi)容，小編只提供其中部分代碼）

$('#jTableContainer').jtable({messages: turkishMessages, //提示信息//title: 'The Student List',//如果有AddIframeUrl或EditIframeUrl需要自定義新增、修改頁(yè)面AddIframeUrl: "/Add.aspx",EditIframeUrl: "/Edit.aspx",Width: "70%",Height: "auto",//調(diào)用重點(diǎn)

小編心得，任何js如果真的想完全適合工作中所提出的需求，那最應(yīng)該做的就是去深入了解其源碼，當(dāng)你只會(huì)調(diào)用別人的js，而不去自己動(dòng)手去改其代碼，深入其中，探索原理，那么你的技術(shù)大概永遠(yuǎn)也無(wú)法真正意義上取得突破。老員工的魅力大概就是，看得多，知道的多，遇到問(wèn)題更能理解需求是否能夠?qū)崿F(xiàn)，當(dāng)然還有其不斷的學(xué)習(xí)才會(huì)變得如此優(yōu)秀，小編經(jīng)過(guò)此事才明白，高手都一直謙虛著，并不斷的在學(xué)習(xí)和探索中啊！

“如果有別人追你。”
“你可不可以說(shuō)，我還有一個(gè)離不開(kāi)我的笨蛋。”

總結(jié)

以上是生活随笔為你收集整理的jtable.js 弹出框自适应高度的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。