2

我在 DropDownList 中显示名称和图像。我已经通过 Jquery 插件完成了它。它现在可以工作了。

我有数据来自的 XML 文件。这是 xml 文件的一个节点。

<ente>
    <name>Sydney</name>
    <img>abc_australia.png</img>
    <descri>ABC Radio Box 9994 GPO Sydney NSW 2001</descri>
    <nazione>AUSTRALIA - AUSTRALIA</nazione>
    <latitudine>-33.870652</latitudine>
    <longitudine>151.208895</longitudine>
    <zoom>-3</zoom>
  </ente>

我能够从 xml 文件中获取名称并使用以下代码绑定下拉列表：

 protected void BindDataToGridviewDropdownlist()
      {
           XmlTextReader xmlreader = new XmlTextReader(Server.MapPath("XMLFILE.xml"));
           DataSet ds = new DataSet();
           ds.ReadXml(xmlreader);
           xmlreader.Close();


           if (ds.Tables.Count != 0)
       {
               ddlDetails.DataSource = ds;

               ddlDetails.DataTextField = "name";
               ddlDetails.DataValueField = "name";
               ddlDetails.DataBind();


    }     

 }

但是要在下拉列表中添加图像，我使用了这个 jquery 插件。

JQuery 插件链接

在此插件中手动添加图像和数据，如下所示：

 <option value='TVSH - Rruga Ismail Quemali 11, Tirana' data-image="images/tvsh-albania.png" data-imagecss="flag ad"   data-title="TVSH - Rruga Ismail Quemali 11, Tirana">TVSH - Rruga Ismail Quemali 11, Tirana</option>

我想动态添加绑定下拉列表。（名称和图像）。我在图像文件夹中有所有图像。

代码对我有用。但我想动态绑定下拉菜单。

有没有办法动态绑定下拉菜单。

4

1 回答 1

0

我建议宁愿使用 jQuery 插件Select2

使用 Select2，您可以使用动态数据源，并模板化您的下拉选项。

在 Selected2 的模板示例下，有示例代码用于在其名称旁边显示国家国旗的图像：

function format(state) {
    var originalOption = state.element;

    return "<img class='flag' src='images/flags/" + state.id.toLowerCase() + ".png' alt='" + $(originalOption).data('foo') + "' />" + state.text;
}

$("#e4").select2({
            formatResult: format,
            formatSelection: format,
            escapeMarkup: function(m) { return m; }
        });

我提供的链接提供了您需要的所有代码示例。

这回答了你的问题了吗？

于 2013-08-28T16:42:55.867 回答