Javascript 在Asp.net MVC5中从两个数据源自动完成Jquery UI

我正在开发一个ASP.net MVC5（C#）web应用程序，我试图在一个文本框中的div中显示两个不同表（一个是设备表，另一个是新闻表）中的自动完成数据，就像所显示的一样，当您输入一个查询时，它们会显示包含该查询的所有手机和平板电脑，以及新闻和评论。

现在我可以像这样从一个数据源自动完成数据

$(function () {
function log(message) { }

$("#search_input").autocomplete({
    source: "/Search/?term",
    minLength: 1,
    select: function (event, ui) {
        $("#mobile").val(ui.item.title);
        $("#mobile-query").val(ui.item.query);
        return false;
    }
})
.data("ui-autocomplete")._renderItem = function (ul, item) {
    return $("<li>")
    .append("<a href='/" + item.query + "'>" + item.title + "</a>")
    .appendTo(ul);
};

$（函数（）{
函数日志（消息）{}
$（“#搜索输入”）。自动完成({
来源：“/Search/？term”，
最小长度：1，
选择：功能（事件、用户界面）{
$（“#mobile”）.val（ui.item.title）；
$（“#移动查询”）.val（ui.item.query）；
返回false；
}
})
.data（“ui自动完成”）。\u renderItem=功能（ul，项目）{
返回$（“
”）
.附加（“”）
.附录（ul）；
};

}))

我想在div中显示设备和新闻列表。请在我提到的网站上查看并编写任何著名的手机，下拉div将弹出记录。你们能帮我弄清楚吗。谢谢

表格结构

设备表

设备Id------设备名称------设备查询

1------------------iPhone 6------------------iPhone\U 6

2-----------------星系S6-----------------星系S6

卢米亚990卢米亚990卢米亚990

新闻表

News\u id------News\u Title------News\u Query-----------设备\u id

1------iPhone 6评论------------iPhone-6评论-----------------1

2------iPhone 6的优点和缺点-------iPhone-6的优点和缺点------------1

---

3------Lumia 990 Camera Review------Lumia-990-Camera-Review------3

为此，您可以创建两个具有相同列名的查询，并将其合并为：

select device_name as title, device_query as query, 'device' as q_type from device_table // add your where clause here

union 

select news_title as title, news_query as query, 'news' as q_type from news_table // add your where clause here

在自动完成中

.data("ui-autocomplete")._renderItem = function (ul, item) {

if(item.q_type == "device")
{
// add your device type html
}
else
{
 // add your news type html
}
};

---

你们能提供两个表的表结构吗？@Nitin：我只是用表结构更新了这个问题。谢谢，但我只是想显示新闻，根据查询。我指的是包含查询的标题。谢谢，我只是在寻找一个领先的开始。这帮了大忙。：）