EasyUI模糊查询

    回想原来做项目也写了好多的模糊查询，现在做个小Demo来回顾一下。如果数据特别多的话模糊查询的功能还是挺必要的。

首先看一下界面效果吧，大致和百度搜索一样：



我是用mvc实现的，View层代码如下：

mode为remote以支持可以直接在文本框中进行搜索选择

hasDownArrow:false 可以作为自动提示输入框,这样久没有下拉框的影子了

<span style="font-family:KaiTi_GB2312;font-size:18px;"><input type="text" id="test" style="width:200px;">
<script>
$("#test").combobox({
valueField: 'id',
textField: 'test',
url: '/Test/TestWeb',
mode: 'remote',
hasDownArrow: false,
onBeforeLoad: function (parm) {
var value = $(this).combobox('getValue');
if (value) {
parm.test = value;
return true;
}
return false;
}
})
</script></span>

后台代码：

<span style="font-family:KaiTi_GB2312;font-size:18px;">public class ModelTest {
public int id { get; set; }
public string test { get; set; }
}
public JsonResult TestWeb() {
string texts = "测试";
List<ModelTest> list = new List<ModelTest>();
for (int i = 0; i < 10; i++)
{
ModelTest item = new ModelTest();
item.id = i;
item.test = texts + i;
list.Add(item);
}
string strName = Request["test"].ToString();
list = list.Where(a => a.test.Contains(strName)).ToList();
return Json(list, JsonRequestBehavior.AllowGet);
}
</span>

至此，就完成了，希望会帮助到一些人！