C# 带有多行项目的Html.ListBoxFor
是否可以使ASP.NET Html.ListBoxFor处理多行项目?因为现在我有一个字符串列表,一些字符串很长,所以它们不适合列表框,被剪切,也就是说,我看到的不是“qwertyuiop”,而是“qwer”。列表框的宽度不能更改,必须如此。我可以在多行上显示单个项目/字符串吗(我尝试在字符串中插入新行符号、html换行符号,但不起作用)?或者我必须使用其他html元素来代替html.ListBoxFor吗 编辑: 我的代码是:C# 带有多行项目的Html.ListBoxFor,c#,html,asp.net,C#,Html,Asp.net,是否可以使ASP.NET Html.ListBoxFor处理多行项目?因为现在我有一个字符串列表,一些字符串很长,所以它们不适合列表框,被剪切,也就是说,我看到的不是“qwertyuiop”,而是“qwer”。列表框的宽度不能更改,必须如此。我可以在多行上显示单个项目/字符串吗(我尝试在字符串中插入新行符号、html换行符号,但不起作用)?或者我必须使用其他html元素来代替html.ListBoxFor吗 编辑: 我的代码是: @Html.ListBoxFor(x => x.MyFrie
@Html.ListBoxFor(x => x.MyFriendsIdList, new SelectList(this.Model.MyFriendsDisplayList, "Id", "Name"), new { id = "FriendsSourceList" })
无论如何,我需要制作一个多行列表框,并且我需要能够搜索/过滤项目,并在搜索文本字段中键入文本时隐藏/显示它们。有什么建议吗
编辑:最新代码示例:
挑选{
-ms word break:打破一切;
-ms word wrap:打破一切;
-webkit断字:断字;
-webkit单词包装:打破单词;
断字:断字;
单词包装:打断单词;
-webkit连字符:自动;
-moz连字符:自动;
连字符:自动;
空白:预包装;
空白:-moz预包装;
空白:-预包装;
空白:-o形预包装;
显示:内联块;
}
网站名称
我的列表框源代码示例
VeryLongText123456VeryLongText123456VeryLongText123456VeryLongText123456VeryLongText123456VeryLongText123456VeryLongText123456结束
文本1
文本2
文本3
文本4
文本5
abc6
一些随机文本
ghi8
jkl9
zzz
xxx
最后一项
搜索字段
我的文本区域示例
//标题-鼠标悬停在条目上时
options=document.getElementById(“mylist”).getElementsByTagName(“option”);
对于(变量i=0;i=0){
$('#mylist option[value='+list[c].value+']').show();
}
否则{
$('#mylist option[value='+list[c].value+']').hide();
}
}
否则{
$('#mylist option[value='+list[c].value+']').show();
}
}
});
$(“#隐藏按钮”)。单击(函数(x){
x、 预防默认值();
var searchText=$(“#searchfield”).val();
var list=document.getElementById(“mylist”);
for(var c=0;c=0){
$('#mylist option[value='+list[c].value+']').hide();
}
否则{
$('#mylist option[value='+list[c].value+']').show();
}
}
否则{
$('#mylist option[value='+list[c].value+']').show();
}
}
});
你能给我们举个例子让我来帮你吗..从这个开始:你会如何用纯HTML来做呢?HTML.ListBoxFor与纯HTML中的“select”标记相同。我读了一些帖子,似乎它并不真正支持多行条目。。。是否有其他html元素可以做到这一点?这只是一个样式问题。添加一些css。看看我在chrome上做的,但是ff和ie9完全坏了。。。如果有人想帮助我在ff或ie9上使用任何类型的分词样式,下面是我当前的示例html代码,您还需要jquery 2.1.1:。此外,我还可以在“按文本选择”中隐藏和显示项目。它可以在chrome和ff上工作,但ie9什么都不做。此外,我试图使底部的文本区域在写入时自动展开/收缩,目前没有任何效果,只找到了一些损坏的库。。。