1. 程式人生 > >ExtJS中更新html內容以及iframe中內容列印

ExtJS中更新html內容以及iframe中內容列印

工作一年多來,最近的開發,雖說前臺和後臺都有分工,但是大部分經歷都放在前臺,介面上有太多的東西需要修改和完善,除錯程式更是需要更多的時間,最近的工作在用xsl寫樣式將xml中的內容顯示在介面上,而我們的介面是基於Extjs的,這樣我們就在panel中使用html屬性,獲取內容顯示,這樣就存在一個問題,當我們需要更新panel中的內容時該怎麼辦,換面板是一個可以實現目標的方法,但是這似乎又是很笨的方法,我們需要放兩個panel在這裡,在苦思冥想後,發現Extjs中的panel有更新html的方法,具體怎麼實踐,可以看一下例子。

如下程式碼:先定義panel,panel中的html是已經有內容的,其中的dataURL是個變數,需要到後臺程式中取資料

01.items: [ 02.{ 03.xtype: 'panel', 04.title: '視覺化報告', 05.id:'InputXMLStylePanel', 06.html:"<iframe width=100% height=100% id='InputXMLStyle'name='InputXMLStyle' src='"+dataURL+"in'/>", 07.dockedItems: [ 08.{ 09.xtype: 'toolbar', 10.dock: 'top', 11.items: [ 12.
{ 13.xtype:'combobox', 14.displayField:'fileName', 15.valueField:'fileIndexId', 16.queryMode:'local',// 17.id:'MsgFileName', 18.store:MsgSingleStore, 19.fieldLabel:'檔名稱'

相關推薦

ExtJS更新html內容以及iframe內容列印

工作一年多來,最近的開發,雖說前臺和後臺都有分工,但是大部分經歷都放在前臺,介面上有太多的東西需要修改和完善,除錯程式更是需要更多的時間,最近的工作在用xsl寫樣式將xml中的內容顯示在介面上,而我們的介面是基於Extjs的,這樣我們就在panel中使用html屬性,

前端二:js更新html

根據id document.getElementById("name").innerHTML="hello!"; 更新id為name的結點的內容: <p class="name" id="name"></p> 根據class $('.

通過iframe引入另外一個專案html片段到專案,解決樣式,高度,相容等問題的策略

<!--尾部開始--> <iframe src="http://172.16.24.11:9000/cartoon-web/footer_new"    marginheight=

圖文詳解Java的servlet,以及servlet使用到的關鍵技術

Servlet是Java中實現動態網頁的技術: 如果有想學習java的程式設計師,可來我們的java學習扣qun:79979,2590免費送java的視訊教程噢!小編是一名5年java開發經驗的全棧工程師,整理了一份適合18年學習的java乾貨,送給每一位想學的小夥伴,歡迎大家一起學習哦。

android的佈局模式以及android的一些常用快捷鍵

佈局就是把介面中的控制元件按照某種規律擺放到指定的位置,主要是為了解決應用程式在不同手機中的顯示問題。Android實現佈局有兩種方式:(1)程式碼;(2)xml配置檔案,都是放在res/layout目錄下,注:也可以同時使用xml和程式碼。 1、線性佈局(L

JavaWeb解決url中文引數亂碼以及cookie中文亂碼問題

        今天來專門寫一篇博文記錄JavaSE中的URLEncoder類,因為已經兩次用這個類解決了自己遇到的棘手問題。第一次是之前做視訊網站的搜尋功能的時候,第二次是今天在做登入功能登入後錄入中文cookie時出現java.lang.IllegalArgumentEx

jsclearInterval無效,以及setInterval斷後重新執行

4、document.getElementById("run").style.visibility="hidden";//run不可見5、clearInterval()方法。 完整的程式碼如下所示:<!doctype html> <html lang="en"> <head&g

ORACLE更新資料,PLSQL DeveloperSELECT ... FOR UPDATE和 SELECT T.*,ROWID的區別

背景:ORACLE中更新少量資料時,在PLSQL  Developer中,一般用的語句是SELECT   FOR   UPDATE和SELECT   T.*,ROWID,這倆語句執行之後可以手動在查詢出來的資料中修改。例項背景:表名A,資料如下:  ACOL1    COL2

URLEncoder和URLDecoder;cookie儲存特殊字元以及URL亂碼問題解決方案

cookie的特殊字元的編碼和解碼來解決亂碼問題;   編碼: protected void doGet(HttpServletRequest request, HttpServletRespo

vuemouted與methods方法互相呼叫,以及vue使用setInterval呼叫methods方法

剛學習vue不久,下午做vue輪播小元件時遇到了mouted與methods中方法互相呼叫的問題. mouted呼叫methods中方法 mounted: function() { this.up(); } 在mouted中使用setInterval呼叫

myeclipseHTML頁面在瀏覽器顯示為亂碼

前端 target tar 顯示 html log 參考 tps 開發 myeclipse中的HTML頁面在瀏覽器中顯示為亂碼 在通過myeclipse開發項目的過程中,如果用HTML頁面書寫前端,可能出現中文亂碼現象,需要怎麽解決呢?下面是我從網上搜的方法: 解決辦法

html,怎麼樣才能獲得iframe頁面裡的內容

       部分程式碼:         var content = document.getElementById("iframe_FromContent").contentWindow.document.getElementById("txtMeetingName")

html】點擊鏈接讓頁面在 iframe 變換

pan dex fff tar html order get eight 鏈接 Demo: <html><body> <a href= "1.html " target= "iFrameName "> page1 </a&

淺談高大上的微信小程序渲染html內容—技術分享

ren const num 前端工程 變量 前後臺 用戶 視頻 idt 大部分Web應用的富文本內容都是以HTML字符串的形式存儲的,通過HTML文檔去展示HTML內容自然沒有問題。但是,在微信小程序(下文簡稱為「小程序」)中,應當如何渲染這部分內容呢? 解決方案 wxPa

HTML怎麼讓table的td內容過長顯示為固定長度,多餘部分用省略號代替

HTML如何讓table中的td內容過長顯示為固定長度,多餘部分用省略號代替 這個問題呢,是由於我們公司測試的部門測出來的,雖然說測試的內容本身就是個BUG,不過這個也讓我學到了一個比較好的歸類於佈局的一個小技巧,就是將td標籤中過長的內容只顯示為這個td的width的長度,之後的便以省略號

thymeleaf的靜態html頁面熱載入以及ideaspringboot的熱載入

首先說一下thymeleaf的html頁面熱載入 1.加入thymeleaf依賴 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring

iframe鑲嵌html頁,並獲取html的方法

首先建立兩個html頁   第一個html頁(HtmlPage1.html)  <html>  <head>     <meta charset="utf-8" />     <title

如何oracle 某一使用者授予查詢另一個使用者某張表的許可權,以及更新另一使用者表某些欄位

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

【mysql】在mysql更新欄位的部分值,更新某個字串欄位的部分內容

在mysql中更新欄位的部分值,更新某個字串欄位的部分內容   sql語句如下: update goods set img = REPLACE(img,'http://ozwm3lwui.bkt.clouddn.com','http://imgs.lqjava.com') where

django djangoHTML控制元件及引數傳遞方法 以及 HTML form 裡的資料是怎麼被包成http request 的?如何在瀏覽器裡檢視到這些資料? 從HTML form submit 到 django response是怎麼完成的

  https://www.jb51.net/article/136738.htm django中的HTML控制元件及引數傳遞方法 下面小編就為大家分享一篇django中的HTML控制元件及引數傳遞方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧