添加过滤器，以基于文本框的值

Question

的页面，我有以下两个表：

Table1 
___________ 
ID 
Name 
Company 
Industry 
Rank 
Key - guid 

和

Table2 
_____________ 
Key - guid 
FieldValue 
StartDate 
EndDate 

我使用MVC模式，而不是常规的网络形式。我为每个和单独的DBContext类创建了2个独立的模型类。

最初当页面加载时，我在页面上显示来自Table1的所有数据。我想在页面的顶部添加一个文本框，当用户输入一个值，点击进入，我想在页面上的表中的数据进行过滤基于用户输入的值：

SELECT ID, Name, Company,Industry, Rank 
FROM Table1 INNER JOIN Table2 ON Table1.Key=Table2.Key 
WHERE FieldValue=TextBox1.Text 

我已经有代码在页面上显示来自Table1的数据，但我需要帮助添加基于文本框的值的过滤器。任何人都可以将我指向正确的方向吗？

这里是认为我的代码：

<input type="text" id="TextBox1" /> 

<h2>Records</h2> 
<table style="border: 1px solid black;"> 
     <tr> 
      <th>ID</th> 
      <th>Name</th> 
      <th>Company</th> 
      <th>Industry</th> 
      <th>Rank</th> 
     </tr> 
@foreach (ProjectName.Models.Records item in Model) 
     { 
      <tr style="border: 1px solid black;"> 
       <td>@item.ID</td> 
       <td>@item.Name</td> 
       <td>@item.Company</td> 
       <td>@item.Industry</td> 
       <td>@item.Rank</td> 

      </tr> 
     } 
</table> 

这里更新视图代码：

<div>  
    @using (Html.BeginForm()) 
    { 
    <input type="text" id="TextBox1" /> 
    <input type="submit" name="submit" /> 
    } 

    <h2>Records</h2> 
    <table style="border: 1px solid black;"> 
    <tr> 
     <th>ID</th> 
     <th>Name</th> 
     <th>Company</th> 
     <th>Industry</th> 
     <th>Rank</th> 
    </tr> 
    @foreach (ProjectName.Models.Records item in Model) 
    { 
     <tr style="border: 1px solid black;"> 
      <td>@item.ID</td> 
      <td>@item.Name</td> 
      <td>@item.Company</td> 
      <td>@item.Industry</td> 
      <td>@item.Rank</td> 

     </tr> 
    } 
    </table> 
</div> 

附：亲爱的编辑们，请请美观，停止编辑MVC的标题 - 否则人们认为它是Web窗体模式，而不是MVC。所以请尽量不要编辑它，你没有帮助，只会让事情变得困难。非常感谢您的提前，我的赞赏是超越

Answer 1

即使您使用的是MVC，您仍然需要<form>将过滤器值提交给控制器方法。

这是一个MVC表单中的文本框：

@using (Html.BeginForm()) 
{ 
    <input type="text" name="TextBox1" /> 
    <input type="submit" name="submit" /> 
} 

这被渲染为HTML <form>标签。你的控制器看起来是这样的：

public ActionResult Index(string TextBox1) 
{ 
    // You don't say how you're interacting with the database, 
    // but you need to check the `TextBox1` parameter for null, 
    // and use it in your query if it's not - simplified: 
    if(TextBox1 != null) 
    { 
     // do qry with parameter 
    } 
    else 
    { 
     // do qry without parameter 
    } 
    ... 

有几种方法做什么我上面写的，但是这是一个简单的版本，不需要修改您的ViewModel（主要是因为我不知道这是什么好像！）

Answer 2

您可以使用datatables plugin，你有静态或服务器表的过滤器。

的非常简单的例子：

$(document).ready(function() { 
    $('#example').DataTable(); 
}); 

Answer 3

首先，创建一个回传的东西，像一个<as:button>并在代码正确链接事件背后，则：

using(context db = new context()) 
{ 
    List<Table2> var1 = db.Table2.ToList() 
    List<Table2> var2 = new List<Table2>() 
    foreach(Table2 t in var1) 
    { 
     if(t.FieldValue == textbox.Text) 
     { 
      var2.Add(t); 
     } 
    } 
} 

然后：

foreach(Table2 t in var2) 
    { 
     //Bind your things here 
    } 

对不起，如果它不帮助你，或者如果我误解了这个问题。