我想將JQGrid「Loading ...」消息更改爲帶有動畫gif圖像的東西。到處看,卻找不到方法。任何人都請。JQGrid,需要改變進度消息「正在加載...」
12
A
回答
22
嘗試使用
.ui-jqgrid .loading { background: url(ajax-loader.gif); }
它應該工作。一些動畫gif可以從here加載。順便說一句,具有格「正在加載...」消息有其中ID「load_list」將前綴「load_」和表元素的ID構造形式
<div id="load_list" class="loading ui-state-default ui-state-active">Loading...</div>
。
修訂:刪除文本「正在加載...」您可以使用loadtext:'' jqGrid的選項或覆蓋從grid.locale-en.js
$.jgrid.defaults.loadtext
全局設置:
$.jgrid.defaults.loadtext='';
如果您需要調整寬度,高度或加載div的任何其他CSS參數都可以用同樣的方法來完成。例如,
.ui-jqgrid .loading
{
left: 45%;
top: 45%;
background: url(ajax-loader.gif);
background-position-x: 50%;
background-position-y: 50%;
background-repeat: no-repeat;
height: 20px;
width: 20px;
}
0
這可能是使用FontAwesome而不是gif的問題的更現代的答案。我無法找到這個地方的答案,並且不得不把它從各個地方拼湊起來,包括@oleg上面的答案。
希望這會有助於其他人搜索。
<style>
.ui-jqgrid .loading {
background-color: transparent;
border: 0px;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.ui-jqgrid .loading:before {
content: "\f110";
font-family: FontAwesome;
font-size:40px;
}
</style>
,然後將$後下面(恰好是這樣)(文件)。就緒(函數(){
$.jgrid.defaults.loadtext='';
相關問題
- 1. 需要根據下拉列表改變事件加載的jqGrid
- 2. free-jQgrid「加載」消息仍然存在
- 3. HTML正在加載消息
- 4. 如何觸發jqGrid加載..消息?
- 5. jqGrid加載消息不會工作
- 6. 在進度條內添加一個居中的「加載...」消息
- 7. Flex進度加載消失?
- 8. WPF TabControl - 需要在製表符加載前的默認消息
- 9. 顯示正在加載消息在Asp.net
- 10. JQUERY在.NET 1.1 - 正在加載消息
- 11. 改變我從加載的進度一進度
- 12. 進度條加載消息不顯示在JQuery手機中
- 13. 在jqGrid的頁腳替換默認消息「正在加載...」到圖像「Loading.gif」
- 14. 如何在MPMoviePlayerController中更改「正在加載Movie ...」消息?
- 15. 顯示'正在加載內容消息'
- 16. jQuery Mobile - 正在加載消息
- 17. 在數據加載時顯示不確定進度+加載消息片段
- 18. 在點擊「查看報告」按鈕後在SSRS報告中更改進度欄「正在加載...」消息
- 19. iOS查看更改前顯示'正在加載'消息
- 20. 需要添加一個錯誤消息
- 21. 錯誤消息:「MemCache需要加載PHP memcache擴展。」遷移後。
- 22. jqgrid子網格需要在JQGrid中更改帶有文本信息的正/負圖標
- 23. 需要改變
- 24. Java正在加載/進度條
- 25. ProgressBar進度變化,需要下載所有文件
- 26. 加載外部JavaScript時顯示「正在加載」消息?
- 27. 改變window.beforeunload消息
- 28. 在Highcharts上顯示消息「正在加載...」正在從數據加載數據
- 29. 從雲存儲中加載數據時出現問題,至少需要改進錯誤消息
- 30. Midi消息需要幫助
添加的.ui-的jqGrid .loading {背景:網址(../ images/38-1.gif); position:absolute; top:45%; left:45%; width:auto; z-index:101; padding:6px; margin:5px; text-align:center; font-weight :bold; display:none; border-width:2px!important;}。我看到動畫gif,但是仍然有加載...在那裏。高度和寬度不會根據我的動畫gif調整任何幫助? – Pirzada 2010-12-18 02:42:32
@皮爾扎達:我用更多的信息和例子更新了我的答案。 – Oleg 2010-12-18 11:28:30