Question

我在WebForms中创建了dropDownList，并将一些数据的列表（＆＃39; Title＆＃39;和＃39; Id＆＃39;）绑定到它。

Ddltitlelist.DataSource = submissionTitleList;
Ddltitlelist.DataTextField = "Submission_Title";
Ddltitlelist.DataValueField = "Submission_Id";
Ddltitlelist.DataBind();

但是当标题太长时，它看起来不太好。我尝试将max-width设置为选择选项，但这不起作用。

所以我的想法是将max-width设置为选项并添加＆＃34; ...＆＃34;当标题太长并且为每个选项添加标题时（当悬停在某个选项上时，将显示类似标准工具提示的内容）。但首先我需要限制选择选项的宽度。

Answer 1

如果没有看到您的代码，很难说，但您可以做的一种方法是限制SQL中文本的长度。像这样的东西

select Submission_Id,
Left(Submission_Title, 20) as Submission_Title
from Submission
where ....

另一种选择是在数据绑定之后调整长度并以此方式修剪

<强> ASP.NET

<asp:DropDownList ID="Ddltitlelist" runat="server"
    OnDataBound="Ddltitlelist_DataBound">
</asp:DropDownList>

代码

protected void Ddltitlelist_DataBound(object sender, EventArgs e)
{
    foreach (ListItem li in Ddltitlelist.Items)
    {
        string text = li.Text;

        // set tooltip on drop down
        li.Attributes.Add("title", text);
        // if over 20 characters, trim to fit
        if (text.Length > 20)
        {
            // trim to 17 and add 3 periods for an ellipsis
            li.Text = text.Substring(0, 17) + "...";
        }
    }
}

在WebForms下拉列表中创建更短的选项

1 个答案: