Question

问题

我有一个搜索结果页面，其中列出了搜索条件元素，并允许用户点击元素以删除搜索条件。

第一次单击其中一个条件元素将其删除时，一切都按预期工作。

但是，第二次删除条件元素时，第一个删除的元素将返回。

实施例

搜索条件：{topic: "abuse"}, {profession: "admin"}, {keywords: "animal"}

现在点击＆＃34;主题＆＃34;要删除它的元素，结果页面现在显示{profession: "admin"}, {keywords: "animal"}

现在点击＆＃34;关键字＆＃34;要删除它，现在页面错误会显示{topic: "abuse"}, {profession: "admin"}

此时的正确显示应该只是一个标记{profession: "admin"}

代码

SearchController.Results（）

<HttpPost>
<NoCache>
Function Results(ByVal model As SearchCriteria) As ActionResult

    Dim resultsModel As SearchResultsModel = New SearchResultsModel
    Dim searchQuery As IQueryable(Of [Class]) = Nothing
    Dim searchResults As List(Of [Class]) = Nothing
    Dim categoryValueQuery As IQueryable(Of CourseCategoryValue) = Nothing
    Dim query As IQueryable(Of [Class]) = Nothing
    Dim queries As List(Of IQueryable(Of [Class])) = New List(Of IQueryable(Of [Class]))

    model = RemoveCriteria(model)
    model.RemovalCriteria = String.Empty

    resultsModel.Criteria = model
    Return View(resultsModel)
End Function

SearchController.RemoveCriteria（）

<NonAction>
    Function RemoveCriteria(ByVal model As SearchCriteria) As SearchCriteria

        Dim result As SearchCriteria = ObjectMapper.Duplicate(model)

        If Not String.IsNullOrEmpty(result.RemovalCriteria) Then
            Select Case result.RemovalCriteria.ToLower.Trim
                Case "title"
                    result.Title = String.Empty

                Case "keywords"
                    result.Keywords = String.Empty

                Case "healthtopic"
                    result.HealthTopic = String.Empty

                Case "city"
                    result.City = String.Empty

                Case "profession"
                    result.Profession = String.Empty

            End Select
        End If

        Return result

    End Function

Results.vbhtml

@Imports System.Reflection
@ModelType SearchResultsModel

@Code
    ViewData("Title") = "Results"
    Dim properties As List(Of PropertyInfo) = Model.Criteria.GetType.GetProperties.ToList
    Dim names() As String = {"keywords", "healthtopic", "profession"}
End Code

<h2>Results</h2>

@If (Not Nothing Is Model) AndAlso (Not Nothing Is Model.Results) Then
    @<h3>Displaying @Model.Results.Count of @Model.ResultCount classes</h3>
End If
@Using Html.BeginForm("Results", "Search", Nothing, FormMethod.Post, New With {.id = "removalForm"})
    @Html.Hidden("RemovalCriteria", String.Empty, New With {.id = "removalCriteria"})
    @<div>
        <span style="font-weight: bold;">Search Criteria  </span>
        @For Each name As String In names
        Dim prop As PropertyInfo = (From p In properties Where p.Name.ToLower = name Select p).FirstOrDefault
        Dim value As Object = prop.GetValue(Model.Criteria)
        If Not Nothing Is value Then
            value = value.ToString
            If Not String.IsNullOrEmpty(value) Then
            @<span class="criteriaTag" title="click to remove" onclick="submitRemovalForm('@prop.Name');">@prop.Name<span class="criteriaValue">@value</span></span>
            End If
        End If
            @Html.Hidden(prop.Name, value)
    Next
    </div>
End Using
<script type="text/javascript">
    function submitRemovalForm(removeTag) {
        $('#removalCriteria').val(removeTag);
        $('#removalForm').submit();
    }
</script>

那么，有关为何会发生这种情况的任何想法吗？

Answer 1

我将尝试你的代码是如何工作的，如果正确的话，我认为我有你的问题。看来，对于每个条件，您都在隐藏字段中输出它们。单击某个字段时，它会将该值添加到隐藏的removeTag字段，然后提交该表单。在提交时，它将从搜索查询中排除该字段。如果这是正确的，这是正在发生的事情：

您没有删除实际表单中的属性隐藏输入。表单HTML标记可能类似于以下内容：

<form>
  <input type="hidden" name="RemovalCriteria" value=""/>
  <input type="hidden" name="topic" value="abuse"/>
  <input type="hidden" name="profession" value="admin"/>
  <input type="hidden" name="keywords" value="animal"/>
</form>

因此，当您提交时，您会在表单提交中获得以下内容：

{
    RemovalCriteria:  "abuse",
    topic: "abuse", 
    profession: "admin",
    keywords: "animal"
}

当您下次单击“admin”标记上的删除时，表单提交将如下所示：

{
    RemovalCriteria:  "admin",
    topic: "abuse", 
    profession: "admin",
    keywords: "animal"
}

因此，滥用将被重新添加。为了防止先前删除的标记返回，您还需要实际删除与其关联的隐藏输入：

<script type="text/javascript">
    function submitRemovalForm(removeTag) {
        $('#removalCriteria').val(removeTag);
        $('#removalForm').remove($("input[type='hidden'][name='" + removeTag + "']"));
        $('#removalForm').submit();
    }
</script>

点击删除主题标记后，应将表单标记更改为以下内容：

<form>
  <input type="hidden" name="RemovalCriteria" value="abuse"/>
  <input type="hidden" name="profession" value="admin"/>
  <input type="hidden" name="keywords" value="animal"/>
</form>

至于这会如何影响您的搜索（缺少属性/标记组合），您可能需要解决，它可能没有任何影响。但这似乎是移除标签回来的原因。

网页未显示正确的信息

问题

实施例

代码

1 个答案: