下拉列表列之间的特定距离

Question

我喜欢在我的下拉列表中有 2 列，2 列之间的特定距离，所以我添加了下面的代码，但列与我的代码不一致。

var query = from p in _DataContext.tblDocuments
                    orderby p.DocumentNo
                    select new
                    {
                        Doctitle = p.DocumentNo+' '+' '+"|"+' '+p.TITLE,
                        DocId = p.DocId
                    };
        ddlProjectDocument.DataSource = query;
        ddlProjectDocument.DataValueField = "DocId";
        ddlProjectDocument.DataTextField = "Doctitle";
        ddlProjectDocument.DataBind();

请帮助我如何拥有 2 列具有正常视图和良好对齐。

Answer 1

对齐方式将取决于表字段中值的长度。一种方法是获取表中最大条目的大小，并确保所有条目都这么宽。这是您可以尝试的。

  <asp:DropDownList ID="ddlStack" runat="server" OnLoad="ddlStack_Load" />

在 DDL 加载事件的源代码中：

  protected void ddlStack_Load(object sender, EventArgs e)
  {
        var all = from o in _DataContext.tblDocuments
                  orderby o.DocumentNo
                  select o;
        int maxs = 0;
        foreach (tblDocuments v in all)
        {
            if (v.DocumentNo.Length > maxs)
                maxs = v.DocumentNo.Length;
        }

        foreach (tblDocuments vv in all)
        {
            string doctitle = vv.DocumentNo;
            for (int i = vv.DocumentNo.Length; i < maxs + 2; i++)
            {
                doctitle += '_';
            }
            doctitle += " | ";
            doctitle +=  vv.DocID;
            ddlStack.Items.Add(new ListItem(doctitle, vv.vendorID.ToString()));

        }
  }

Answer 2

您可以从以下两种方法中尝试其中一种：

 1). select new
                {
                    Doctitle = p.DocumentNo+" "+"|"+" "+p.TITLE,
                    DocId = p.DocId
                };

2）.

select new
                {
                    Doctitle =Concat(p.DocumentNo,p.TITLE),
                    DocId = p.DocId
                };