Question

我使用固定宽度的字体（例如Consolas，Courier等），填充具有2的下拉菜单（AjaxControlToolkit：DropDownList）列（外观）。我有一个产品名称和一个类别名称（直到运行时我都不知道）。我正在寻找的外观对于这样的事情：

               Chevy Cruz     (gas)
               Prius          (hybrid)
               Tesla Model S  (electic)

我的列表可以包含300多个条目，如果我将类别添加到产品名称，菜单较难阅读。

我尝试使用字符数组并复制类别名称在每个ListItem的索引相同，但是当下拉列表已打开。我看过ListItem（Paragraph）构造函数但这并不能解决我所理解的问题。一世没看过我可用的Telerik控件，因为它这将意味着很多编码更改。

我想不出另一个可能有用的AjaxControlToolkit控件。

Answer 1

字符串填充可能适合您

var _maxLengthOfProductName = 20; //number of space you need
var _productName = "Product Name";
var _type = "(type)";
var _ProductNameWithType = _productName.PadRight(_maxLengthOfProductName, ' ') + _type; //assign this to the dropdown item
_ProductNameWithType = _ProductNameWithType.Replace(" ", "&nbsp;");

它将显示

Product Name        (type)

有没有办法使我的下拉菜单项具有“类似表的外观”？

1 个答案: