2017-02-09 106 views
0

我有一個頁面提交表單,其中包含兩個區域。當點擊編輯選擇的用戶按鈕時,表單提交併刷新頁面。除了需要回到填充值的頁面之外,一切都按預期工作。當點擊Edit Selected User時,我需要頁面不刷新/提交。 AFAIK我不能使它成爲一個按鈕,因爲按鈕不是有效的掛毯組件。提交按鈕與多個區域頁

<!-- USER EDIT BEGINS --> 
<t:zone t:id="editUserZone" id="editUserZone"> 
<form t:id="editUserForm" id="editUserForm" t:type="form"> 

        <div id="editUserHeader"> 
         Edit an Existing User 
        </div> 
        <div id="findUser"> 
         <label>Search For User to Edit: </label> 
         <t:textfield id="editUser" t:id="editUser" /> <input type ="button" id="change" 
     onclick="window.open('${childWindowLink}','Ratting','width=850,height=350,left=150,top=200,toolbar=0,status=0,menubar=no,resizable=no')" 
     value="Search Users" /> 
       <t:submit t:id="searchUsersEdit" id="searchUsersEdit" value="Edit Selected User" /> 
     <br/><br/> 


<h5>User Permissions</h5><br/> 

        </div> 

<t:zone t:id="editRefresh" id="editRefresh" t:update="show"> 
         ${editMessages} 

    //FORM FIELDS ETC HERE 

     <input t:type="submit" t:id="editUserButton" value="Edit User"/> 

            </div> 
         </t:zone> 
        </form> 
       </t:zone> 

我需要的形式被點擊底部的編輯用戶按鈕時僅提交。這只是一個掛毯怪癖或有沒有解決這個問題的方法,不涉及重新設計網頁?

+0

我沒有詳細看你的問題,但如果你正在做你的區域,這應該是在公園散步Tapestry。乍看之下,您的問題似乎是您的區域位於表單中,並且您的「編輯所選用戶」是一個提交,無論發生什麼,它都會提交表單。如果你還沒有,看看[這個演示](http://jumpstart.doublenegative.com.au/jumpstart/examples/ajax/eventlink),這可能只是你需要做的。 – SantiBailors

+0

我會看看,不幸的是,我的手與'編輯選定的用戶'提交綁定爲一個按鈕不是一個有效的tapestry組件來執行我需要的代碼塊。這個演示看起來很冷,很有希望。謝謝@SantiBailors –

+0

不客氣,我認爲你不符合「一個按鈕不是有效的掛毯組件」的事情。這個演示很可能會告訴你Tapestry如何做到這一點(這非常簡單),如果情況並非如此,那麼您肯定會發現另一個演示正是您所需要的。順便說一句,我建議書籤jumpstart鏈接,因爲它是黃金如果你使用Tapestry,它有很多偉大的演示。 – SantiBailors

回答

1

而不是

<input type ="button" id="change" 
    onclick="window.open('${childWindowLink}','Ratting','width=850,height=350,left=150,top=200,toolbar=0,status=0,menubar=no,resizable=no')" 
    value="Search Users" /> 

使用

<button type="button" id="change" onclick="window.open('${childWindowLink}','Ratting','width=850,height=350,left=150,top=200,toolbar=0,status=0,menubar=no,resizable=no')">Search Users</button> 

確保使用類型= 「按鈕」 屬性。或者您可以使用鏈接並將其格式化爲按鈕。