在同一頁面顯示搜索表單及其結果的最佳方式？

假設我有一個帶有文本框的簡單搜索表單。在提交表單時，我將文本框的內容發送給存儲過程，該存儲過程將結果返回給我。我希望結果顯示在表單所在的同一頁面上，除了下面的頁面。在同一頁面顯示搜索表單及其結果的最佳方式？

現在我做以下，但它不工作正是我想要的方式：

「索引」我SearchController觀

@using (Html.BeginForm("SearchResults", "Search", FormMethod.Post, new { @class = "searchform" }))`{ 
<fieldset> 
    <legend>Name</legend> 
    <div class="editor-label"> 
     @Html.Label("Search") 
    </div> 
    <div class="editor-field"> 
     @Html.TextBox("Name") 
    </div> 
    <input type="submit" value="Search" class="formbutton" /> 
</fieldset> 
@{ Html.RenderPartial("SearchResults", null);

這是我的「SearchResult所」觀點：

@model IEnumerable<MyProject.Models.spSearchName_Result> 

<table> 
@foreach (var item in Model) 
{ 
<tr>   
    <td> 
     @item.Name 
    </td> 
</tr> 
} 
</table>

這是我的控制器：

// GET: /Search/SearchResult 
    [HttpPost] 
    public ActionResult SearchResult(FormCollection collection) 
    { 
     var result = myentity.spSearchName(collection["Name"]);    
     return PartialView("SearchResults", result); 
    }

我似乎只能將結果顯示在一個全新的頁面上（不是作爲局部視圖嵌入），或者當我加載搜索頁面時出現錯誤，因爲沒有結果（因爲我沒有尚未搜索）。

有沒有更好的方法來實現我想要做的？我覺得我正在反對MVC中的一些最佳實踐。

來源

2011-05-04 Pete

如果是not null，您可以將結果返回到ViewData對象，然後僅在視圖上顯示它。

來源

2011-05-04 18:01:38

由於您沒有使用模型保存您的搜索信息，因此搜索表單發佈時搜索信息將會丟失。

考慮到您的設計和規定的目標，最好將您的索引視圖中的表單轉換爲Ajax表單，然後您的控制器可以將您的部分視圖發送回填充您的Ajax表單下方的div。

counsellorben

來源

2011-05-04 18:18:11 counsellorben

非常相似，這個問題MVC 3 form post and persisting model data

對於這種情況下，它看起來像你不及格的結果，你的部分觀點。嘗試這個？

@{ Html.RenderPartial("SearchResults", Model.Results);

來源

2011-05-04 18:58:30 37Stars

在同一頁面顯示搜索表單及其結果的最佳方式？

回答

相關問題