W2UI多关键词搜索答案

【问题标题】：W2UI multi keyword searchW2UI多关键词搜索
【发布时间】：2015-12-06 09:00:32
【问题描述】：

W2UI 网格

我想像在 datatables .net 中那样进行网格搜索

它使用'AND' 条件搜索以空格分隔的文本。

我的要求是不要使用搜索框旁边已经存在的高级搜索，因为它是基于特定列的。

"records": [
{ "recid": 1, "fname": "John", "lname": "Doe", "email": "jdoe@gmail.com", "sdate": "4/3/2012" },
{ "recid": 2, "fname": "John", "lname": "Motzart", "email": "jdoe@gmail.com", "sdate": "4/3/2012" },
{ "recid": 3, "fname": "John", "lname": "Franson", "email": "jdoe@gmail.com", "sdate": "4/3/2012" },
{ "recid": 4, "fname": "Susan", "lname": "Franson", "email": "jdoe@gmail.com", "sdate": "4/3/2012" },
{ "recid": 5, "fname": "Kelly", "lname": "Franson", "email": "jdoe@gmail.com", "sdate": "4/3/2012" },
{ "recid": 6, "fname": "Francis", "lname": "Franson", "email": "jdoe@gmail.com", "sdate": "4/3/2012" },
{ "recid": 7, "fname": "Mark", "lname": "Welldo", "email": "jdoe@gmail.com", "sdate": "4/3/2012" },
{ "recid": 8, "fname": "Thomas", "lname": "Bahh", "email": "jdoe@gmail.com", "sdate": "4/3/2012" },
{ "recid": 9, "fname": "Sergei", "lname": "Rachmaninov", "email": "jdoe@gmail.com", "sdate": "4/3/2012" }
]

现在在w2ui 网格搜索框中，我正在搜索“John” 那么它应该显示1,2,3 records

然后我在搜索“john fran” 那么它应该只显示3rd record.

如何做到这一点？

我尝试按空格分割搜索框字符串并在 w2ui.js 中进行了更改但它总是在搜索字符串中搜索最后一个单词，

请帮忙，谢谢:) :)

【问题讨论】：

标签： jquery w2ui grid-search

【解决方案1】：

最简单的方法是在您的记录中添加一个新的“全名”值。

records: [
{ "recid": 1, "fname": "John", "lname": "Doe", "email": "jdoe@gmail.com", "sdate": "4/3/2012", "fullname": "John Doe" },
{ "recid": 2, "fname": "John", "lname": "Motzart", "email": "jdoe@gmail.com", "sdate": "4/3/2012", "fullname": "John Motzart" },
{ "recid": 3, "fname": "John", "lname": "Franson", "email": "jdoe@gmail.com", "sdate": "4/3/2012", "fullname": "John Franson" },
{ "recid": 4, "fname": "Susan", "lname": "Franson", "email": "jdoe@gmail.com", "sdate": "4/3/2012", "fullname": "Susan Franson" },
{ "recid": 5, "fname": "Kelly", "lname": "Franson", "email": "jdoe@gmail.com", "sdate": "4/3/2012", "fullname": "Kelly Franson" },
{ "recid": 6, "fname": "Francis", "lname": "Franson", "email": "jdoe@gmail.com", "sdate": "4/3/2012", "fullname": "Francis Franson" },
{ "recid": 7, "fname": "Mark", "lname": "Welldo", "email": "jdoe@gmail.com", "sdate": "4/3/2012", "fullname": "Mark Welldo" },
{ "recid": 8, "fname": "Thomas", "lname": "Bahh", "email": "jdoe@gmail.com", "sdate": "4/3/2012", "fullname": "Thomas Bahh" },
{ "recid": 9, "fname": "Sergei", "lname": "Rachmaninov", "email": "jdoe@gmail.com", "sdate": "4/3/2012", "fullname": "Sergei Rachmaninov" }

然后您可以将此属性添加到您的网格中，以根据“全名”值搜索数据。

searches: [
            { field: 'fullname', caption: 'Name', operator: 'begins', type: 'text' }
        ]

【讨论】：