自动填充列表格式不正确

时间:2016-07-08 03:50:55

标签: ruby-on-rails regex twitter-bootstrap

我正在尝试在rails应用中设置自动完成功能,但每次我在自动填充字段中键入一个字母时,都会显示整个选项列表。如何让它以逐行下拉框格式显示最多5个项目。我还希望只获取事务名称,而不是

Debit Card Purchase /:p #UBER US JULYOSW CA

我得到了

UBER

我可以在列表中使用的任何正则表达式或其他选项,如此多样?

借记卡购买/:p #UBER US JULYOSW CA,从付款/转账BA转账,借记卡购买/ #FANTASY SAIL&签署MIAMI FL,Fandango,借记卡购买/:p#ANGEL' S RESTAURANT CHICAGO IL,借记卡代购#JEWEL BENSENVILLE ILUS,借记卡购买/:p#EXPRESS#迈阿密海滩FL,借记卡购买/:p# TGI FRIDAYS #MIAMI FL,Domino's,Wendy's,存款:#Citibank ATM S. ARCHER AVE,CHICAGO,IL,借记卡购买/:p #PLAYSTATION NETWORK CA,借记卡购买/:p #UBER US JULHVRDCA,借记卡购买/:p #UBER US JULLIORT CA,借记卡购买/:p #SLEEPING BEAR DNL-DC E EMPIRE MI,借记卡购买/:p#MNN / GILBERT CAFE#QPS MIAMI FL,借记卡购买卡/:p#SHOWPLACE ICON THEATRE CHICAGO IL,借记卡购买/:p #DUNKIN #QMIAMI FL,借记卡购买/:#DD / BR #QCHICAGO IL,借记卡购买/:p#DD / BR #QCHICAGO IL,Cracker Barrel,借记密码购买BURLNGTON STORESCHICAGO ILUS,Meijer,Costco,借记卡密码购买SAWYER&S;旅行SAWYER MIUS,借记密码购买POWER MARKET ELMHURST ILUS,借记卡密码购买#JEWEL CHICAGO ILUS,DIRECTV,借记卡购买/ :一个#OLD TOW N TROLLEY TOU KEY WEST FL,借记卡购买/:#AMERICANCHICAGO IL,亚马逊,借记卡购买/:#UBER US JUNUCFZ CA,借记卡购买/:p#CARNIVAL-有趣的商店MIAMI FL,借记卡购买/ :#PLAYSTATION网络CA,借记卡购买/:#UBER美国JUNEZOFCA,六旗,借记卡购买/:#DUNKIN #QCHICAGO IL,CVS,借记卡购买/:#SP * KEN TONE' S DRIVE-I CHICAGO IL,借记卡购买/:p #UBER美国JUNBMLO CA,借记卡购买/:p #UI HOSP FCID / PCAC CHICAGO IL,借记卡购买/:p #UBER US JUNRNBI CA,借记卡购买/: p #UIC PARKING WSPS CHICAGO IL,借记卡购买/:p #Tire Tracks Elmhurst IL,借记卡购买/:#EL FARO CHICAGO IL,Walgreens,账单支付HOMEQ SERVICING CORPORATION MOBL,ACH电子信用卡ED ED CITY DIR DEP ,Home Depot,Shell,借记卡购买/:p #ASTI ITALIAN DELI BENSENVILLE IL,借记卡购买/:p #PARK CHICAGO MOBILE IL,Comcast,借记卡购买/:p #HAWKEYES BAR GRILL I CHICAGO IL,借记卡Pu rsese /:p #XSPORT SOUTH LOOP-CKFR IL,借记卡购买/:p #UBER JUNUS ETWCA,账单支付目标国民银行MOBL,借记卡购买/:p #CROCS INC CROCS.COM CO,借记卡购买/:a #BANFIELD WELLNESS PLAN OR,

1 个答案:

答案 0 :(得分:0)

有一些伟大的宝石来处理这个问题。看看rails-query-autocomplete

如果您想限制自动填充搜索结果,可以通过Model.limit(5)直接在模型上执行此操作。或者,您可以通过返回包含可能结果的数组子集在控制器中执行此操作。如果您正在使用数组方法,那么您将考虑如何返回最相关的结果。