是否有可能使jqGrid的寬度設置爲100%?我知道列寬必須是絕對像素大小,但我還沒有找到任何設置實際網格寬度爲相對大小的任何內容。例如,我想將寬度設置爲100%。而不是100%,它似乎使用450px的奇數大小。頁面上有更多的水平空間,但是有了列寬等,它將使容器(只有網格)水平滾動。有沒有辦法解決這個問題?可能使jqGrid延伸至100%?
回答
我結束了使用the jqGrids.fluid extension做到這一點,它的工作很好。
UPDATE:該鏈接似乎已死亡,但可以查看存檔的文章here。
我仍然發現這個擴展給出了同樣的結果新的本地「autowidth:true」設置。意思是,它只在頁面被初始化時影響網格。但是,如果您調整頁面大小,它不會更新jqGrid以匹配新的寬度。 – MattSlay 2012-12-18 19:36:35
是鏈接死了嗎? – Bhargav 2015-08-13 10:04:26
@Bhargav顯得如此。請檢查archive.org:https://web.archive.org/web/20140223090705/http://old.stevenharman.net/blog/archive/2009/08/21/creating-a-fluid-jquery-jqgrid。 aspx – Earlz 2015-08-14 14:13:14
看起來像這樣不被支持。根據文檔setGridWidth:
動態設置網格的新寬度。參數如下: new_width是以像素爲單位新寬度...
爲width
選項也沒有提到能夠設置寬度百分比的文檔。
也就是說,您可以使用autowidth
功能或類似技術爲網格提供正確的初始寬度。然後按照resize-jqgrid-when-browser-is-resized中討論的方法來確保在調整瀏覽器窗口大小時正確調整網格的大小,這將模擬100%寬度的效果。
您可以嘗試修復jqGrid的寬度相對於我在這裏描述Correctly calling setGridWidth on a jqGrid inside a jQueryUI Dialog
你不能給寬度%,而如果按屏幕分辨率,然後設置要遵循功能: var w = screen.width
然後在jqgrid的width選項中使用這個變量。
希望它會有用。
loadComplete : function() {
$("#gridId").jqGrid('setGridWidth', $(window).width(), true);
},
'onSuckyAnswer:function(){alert(「隨機代碼片斷不能回答,解釋如何處理它們。」) ;}' – cHao 2012-03-29 20:51:47
精彩功能,爲了這個,我在這裏找到(計算器)不記得崗位。我已將高度部分註釋掉了(不適合我),但寬度是完美的。把它扔到你的php文件的任何地方。
$resize = <<<RESIZE
jQuery(window).resize(function(){
gridId = "grid";
gridParentWidth = $('#gbox_' + gridId).parent().width();
$('#' + gridId).jqGrid('setGridWidth',gridParentWidth);
// $('#' + gridId).jqGrid('setGridHeight', //Math.min(500,parseInt(jQuery(".ui-jqgrid-btable").css('height'))));
})
RESIZE;
嘗試將寬度設置爲「null」。這個對我有用。
$(grid).jqGrid({
width: null,
});
簡單
$("#gridId").setGridWidth($(window).width());
我用這對網格的寬度設置爲父容器的寬度。
function resizeGrid() {
var $grid = $("#list"),
newWidth = $grid.closest(".ui-jqgrid").parent().width();
$grid.jqGrid("setGridWidth", newWidth, true);
}
我已經做到了這一點,並像魅力一樣工作。
$(document).ready(function() { $("#jQGridDemo").setGridWidth(window.innerWidth - offset); });
我已經把偏移的50
試試這個,
更換width: 1100
到autowidth: true,
- 1. 高度的div不延伸至100%
- 2. CSS拉伸至100%高度
- 3. 行內塊元素在包裝線時延伸至100%寬度
- 4. 3列設計:第三張圖片延伸至100%
- 5. 將固定位置的元素延伸至100%高度
- 6. 圖像不拉伸至100%HTML
- 7. 拉伸格至100%頁面長度
- 8. 在firefox中將背景拉伸至100%
- 9. CSS:將圖像拉伸至100%寬度
- 10. 100%寬度延伸過去父元素
- 11. !重要不行,不延伸100%
- 12. 寬度:100%延伸到邊框 - textarea
- 13. 100%輸入寬度流暢地延伸
- 14. 將分頁延伸至全寬?
- 15. WCF性能,延遲和可伸縮性
- 16. 枝條延伸延伸?
- 17. HTML/CSS:導航欄延伸至適合,容納可變html
- 18. 身高:100%,保證金的問題,延伸超過100%
- 19. 功能不延伸在C++
- 20. 勻稱延伸線功能
- 21. c + +延伸繼承功能
- 22. 如何使div延伸至其容器允許的範圍內?
- 23. 使文本伸展100%
- 24. 薩斯延伸未延伸懸停了
- 25. jQgrid 100%寬度
- 26. graphics.drawline使線條延伸
- 27. 使用枝條延伸
- 28. 動態延伸使用API
- 29. 如何將div伸展至100%的頁面高度?
- 30. 嘗試將背景拉伸至100%高度
http://stackoverflow.com/questions/17934104/how-to-dynamically- resize-jqgrid-current-window-size – 2016-10-27 10:41:55
http://stackoverflow.com/questions/17934104/how-to-dynamically-resize-jqgrid-to-current-window-size – 2016-10-27 10:44:28