2017-09-11 25 views
0

私はJSPページとJavascriptを使用してインターフェイスで作業しています。私のプロジェクト構造をここに示します。ビューの下の私のメインのJSPページ(veditor.jsp)でiframeのjspページを呼び出す

project structure

、私は、プロパティパネル部門を持っています。

pic1

veditor.jsp

... 
<!--Container/Canvas--> 

    <div id="container" class="container"> 
    </div> 

<!--Properties Panel--> 

    <div style="float: left" class="property" id="propertypane"> 
     <h1 class="toolbox-titlex" id="toolbox-titlex">Properties</h1> 
     <iframe class = "panel" id="lot"></iframe> 
    </div> 
... 

は、ここで私はveditor.js Javascriptを使用して、プロパティパネルでveditor.jspさんのiframe内selectClauseForm.jspページを呼び出す必要があります。

veditor.js

if (dropElem == "stream ui-draggable") { 
    var newAgent = $('<div>').attr('id', i).addClass('streamdrop'); 
    var elemType = "table"; 

    $("#container").addClass("disabledbutton"); 
    $("#toolbox").addClass("disabledbutton"); 
    $('#container').append(newAgent); 

    callSelectClauseForm(); 
} 

function callSelectClauseForm() 
{ 
    alert("Called before"); 
    document.getElementById("lot").src = 'selectClauseForm.jsp'; 
    alert("Called after"); 
} 

私はcallSelectForm()メソッド内でアラートの両方を取得していますが、[プロパティ]パネルがロードされていないと、次のエラーを取得しています。

error

上記のようにcreateTableForm(...)メソッドを呼び出すときに、私はveditor.jspでのiframe内selectClauseForm.jspを呼び出す必要があります。

srcの場所で私のパスが間違っているためですか? Javascriptを使用してiframe内のJSPをどのように読み込むことができるかについての提案は、私がこれを初めて知ったので高く評価されます。

答えて

2

これに従うことができますURL。 どのjspファイルをロードし、その応答コンテンツをdivに追加しますか。iframeで同じことができます。

0

次のように、このJSPのためのコントローラのマッピングを行うことができ、

@Controller 
@RequestMapping(value = "clause") 
public class ClauseController { 

    @RequestMapping(value="selectClause") 
    public String selectClause(ModelMap model) { 
    return "selectClauseForm.jsp"; 
    } 
} 

次にあなたは、IFRAMEのSRC内

function callSelectClauseForm() { 
    alert("Called before"); 
    document.getElementById("lot").src = 'clause/selectClause'; 
    alert("Called after"); 
} 
をURLを呼び出すことができます
関連する問題