Question

我正在关注本教程：pluralsight.com/training/Player?author=scott-allen&name=mvc4-building-m6-ajax&mode=live&clip=0&course=mvc4-building。当我添加自动填充功能时，我的表单布局有问题。在搜索之前，它看起来像http://i.stack.imgur.com/RH2WM.png。当我开始在搜索表单中输入时，我得到了预期的列表，但它看起来不太好：http://i.stack.imgur.com/TWbea.png。这是我的Index.cshtml

int main()
{
    int a=-32768,b=-32768,temp=-32768;
    while(1)
    {
        scanf("%d",&a);
        if(a==-1)
            break;
        else if(a>0)
        {
            temp=b;
            b=a;

        }
        else
        {
            if(a>b)
            {
                temp=b;
                b=a;
            }
            else
            {
                temp=b;
            }
        }

    }
    printf("%d",temp);
    return 0;
}

这是我的_Layout.cshtml

@model IEnumerable<MvcApp.Models.Car>

<p>
    @Html.ActionLink("Create New", "Create")
</p>


<form method="get" action="@Url.Action("Index")" data-mz-ajax="true" data-mz-target="#carsList">
    <input type="search" name="searchString" data-mz-autocomplete="@Url.Action("AutoComplete")" />
    <input type="submit" name="Search By Name" value="Search" />
</form>

@Html.Partial("_Cars", Model)

我想这是css的问题，但我对它没有任何经验。我怎样才能改进它？我想要那个复数教程（或谷歌搜索）

中的列表

Answer 1

我没有看到你的目标（除非我遗漏了什么）。试试这个：

<div id="carsList">
    <form method="get" action="@Url.Action("Index")" data-mz-ajax="true" data-mz-target="#carsList">
        <input type="search" name="searchString" data-mz-autocomplete="@Url.Action("AutoComplete")" />
        <input type="submit" name="Search By Name" value="Search" />
    </form>
</div>

在jquery中，您可以设置是替换还是附加到div。您也可以在需要的地方移动div。

asp .net中自动完成的布局问题

1 个答案: