2010-10-06 113 views
3

我有一個表格裏面調用兩個按鈕:復位提交按鈕無法正常工作,使用MVC 2

<% using (Html.BeginForm()) {%> 

    <input type="submit" value="Filter" /> 
    <input type="reset" value="Clear Filter" /> 

有問題的領域:

 <td> 
      <%:Html.TextBox("filterId", Model.IdFilter, new {style="width:100px"}) %> 
     </td> 
     <td> 
      <%:Html.TextBox("filterTitle", Model.TitleFilter, new {style="width:500px"}) %> 
     </td> 
     <td> 
      <%:Html.TextBox("filterStatus", Model.StatusFilter, new {style="width:100px"}) %> 
     </td> 

的第一個按鈕調用形式的行動。第二個按鈕應該:

  1. 清除的形式,而不是發佈
  2. 重定向到另一個動作

不知道爲什麼我有這個這麼大的麻煩,但它好像應該做一個非常簡單的方法。然而,我遇到的所有解決方案似乎都太複雜了。

我錯過了什麼嗎?

編輯:這裏是解決方案:

更改復位按鈕與一個ID的素雅按鈕:

<input type="button" value="Clear Filter" id="clearFilter" /> 

然後添加這個腳本:

$(function() { 
     $("#clearFilter").click(function() { 
      $(':input', '#form0') 
       .not(':button, :submit, :reset, :hidden') 
       .val(''); 
      $('#form0').submit(); 
     }); 
    }) 

回答

0

您可能必須編寫自定義腳本來獲取所需的行爲。畢竟這是一個重置按鈕,而不是一個清晰的按鈕。

此時,如果更改控件的值,則單擊其餘按鈕,表單將返回到原始狀態,即模型在呈現時的狀態。