2012-02-01 80 views
0

我正在将项目作为自动完成工作的变量数组加载。 在源项是这样的:自动完成截断下拉单词之间的空格

'.12L 2 LB RYE', 
'.16G 6 GRAIN', 
'.16GR 6 grain roll', 
'.199 1-1\\2 LB WHITE', 
'.1BP black pump', 
'.1CB CLUB BREAD', 
'.1CL CLUB fer.', 
'.1CLN CLUB NEW', 
'.1CM CLUB MEZONOS', 
'.1CRB CORN BREAD', 

通知所述第一字符是项目码,然后按项目描述。

从字符串开始直到项目描述的第一个字符总是有相同数量的字符(包括空格)。当我选择一个项目时,输入中的文本与其在数组中的显示方式完全相同,但下拉列表仅显示项目代码和项目描述之间的一个空格。看起来jquery ui会截断单词之间的空格,最多为1。

enter image description here

是否有下拉的方式来展现原始字符串中有空格的确切数额。我需要做到这一点,使项目看起来像他们在表中的可读性。 任何解决方案或解决方法将不胜感激。

回答

0

通过添加此解决:

$('.ui-autocomplete').wrap(function() { 
        return '<pre class="spacing">' + $(this).text() + '</pre>'; 
        }); 

唯一的问题是与字母间距。并非所有角色都占用相同的空间,因此看起来有点不合适。但是,嘿,一次一个问题。

0

尝试更换在每个结果的每个空间到非断裂空间:

&nbsp; 
+0

试过,但它表明它是这样的“.16GR       6粒卷” – boruchsiper 2012-02-01 04:55:09