Question

我有一个<asp:ListItem>控件，我希望将其扩展为2个值。有人可以帮我这么做。

基本上我想要<asp:ListItem value="x" value2="b" text="Hello">

有谁知道我怎么做到这一点。我考虑创建一个对象并将其存储在使用相应的.ToString（）方法的字段中，但是我只能在列表项中存储字符串。

如果我用HTML创建它，我可以抛出一个属性并读取它们，但我在后面的代码中创建了列表项，所以我不确定如何添加属性。

更新

一种方法是使用HTML5中使用的'data-'。但是对于双向数据覆盖控件以添加附加值，以便ViewState缓存它。

Answer 1

如果您的要求是通过客户端脚本使用value属性，那么我建议存储jsonString。这是一个解决方法。

<asp:ListItem value="{'d': ['x','b'] }" text="Hello">

样品：

<强> Product.cs

public class Product
{
    public int ID { get; set; }
    public string Name { get; set; }
    public string Desc { get; set; }
    public string JsonString
    {
        get
        {
            return "{\"d\": [\"" + ID + "\",\"" + Desc + "\"]}";
        }
    }
}

绑定List<T>

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        List<Product> products = new List<Product>()
        {
             new Product(){ ID=1, Name="A", Desc="A1"},
             new Product(){ ID=2, Name="B", Desc="B1"},
             new Product(){ ID=3, Name="C", Desc="C1"},
        };

        ListBox1.DataSource = products;
        ListBox1.DataTextField = "Name";
        ListBox1.DataValueField = "JsonString";
        ListBox1.DataBind();
    }
}

<强>标记

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#ListBox1").change(function () {
                var sel = $(this).val();
                v = jQuery.parseJSON(sel);
                console.log(v.d[0] + " " + v.d[1]);
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ListBox ID="ListBox1" runat="server"></asp:ListBox>
    </div>
</body>

ASP：ListItem存储对象

1 个答案: