虽然在英文中搜索类型，但在梵文Unicode中填充结果？

Question

我正在设计一个本地商业列表移动Web应用程序与Framework7。 我正在用MySQL填充Listview以Devanagari Unicode格式获取JSon数据。

现在，如果任何用户需要搜索此列表视图，我想要实现的是如何让用户通过输入英文进行搜索，但导致listview应该填充在梵文Unicode中。我如何用JQuery来做到这一点？我没有得到逻辑。请建议。

例如如果用户搜索“Mill” - > listview结果应该是'मिल'。

Answer 1

在jQuery Mobile中，可过滤的小部件可以在lisitems上使用数据属性（data-filtertext）。然后它根据数据属性的文本而不是listitem内部文本进行过滤。因此，对于你的情况，包括在数据filtertext属性的英文文本：

<form class="ui-filterable"> 
    <input id="filterBasic-input" data-type="search" /> 
</form> 
<ul data-role="listview" data-inset="true" data-filter="true" data-input="#filterBasic-input"> 
    <li data-filtertext="mill">मिल</li> 
    <li data-filtertext="factory">कारखाना</li> 
    <li data-filtertext="train">ट्रेन</li> 
    <li data-filtertext="ship">जहाज</li> 
</ul> 

工作DEMO