imagebutton image url在转发器上没有动态变化

时间:2013-05-17 11:02:43

标签: c# asp.net repeater imagebutton

我正在使用转发器绑定数据&在标题模板上我使用imagebutton来排序列。

我的客户端代码:

 <asp:Repeater runat="server" ID="RptClientDetails" OnItemDataBound="RptClientDetails_ItemDataBound">
                            <HeaderTemplate>
                                <table id="example" class="dynamicTable table table-striped table-bordered table-primary">
                                    <thead>
                                        <tr>
                                            <th>
                                                Client Name
                                                <asp:ImageButton runat="server" ID="ImgbtnNameUp" ImageUrl="~/Images/BlackUp.png"
                                                    OnCommand="lbtnSortingAccending_Click" CommandArgument="Name" Height="15px" Width="20px" />
                                                <asp:ImageButton runat="server" ID="ImgbtnNameUpDown" ImageUrl="~/Images/BlackDown.png"
                                                    OnCommand="lbtnSorting_Click" CommandArgument="Name" Height="15px" Width="20px" />
                                            </th>
                                            <th>
                                                Total Balance Due
                                                <asp:ImageButton runat="server" ID="ImgbtnTotalBalanceDueUp" ImageUrl="~/Images/BlackUp.png"
                                                    OnCommand="lbtnSortingAccending_Click" CommandArgument="TotalBalanceDue" Height="15px"
                                                    Width="20px" />
                                                <asp:ImageButton runat="server" ID="ImgbtnTotalBalanceDueDown" ImageUrl="~/Images/BlackDown.png"
                                                    OnCommand="lbtnSorting_Click" CommandArgument="TotalBalanceDue" Height="15px"
                                                    Width="20px" />
                                            </th>
                                        </tr>


                                    </thead>
                                    <tbody>
                            </HeaderTemplate>
                            <ItemTemplate>

关于C#代码:

protected void lbtnSorting_Click(object sender, CommandEventArgs e)
{
    string sortExpression = e.CommandArgument.ToString();
    List<ARDTO> SirtlingListOBj = (List<ARDTO>)Session["GetClientList"];
    int Showall = (int)Session["ShowAll"];

    ImageButton imgBtnobj = new ImageButton();
    imgBtnobj = (ImageButton)sender;
    imgBtnobj.ImageUrl = "";
    imgBtnobj.ImageUrl = "/Images/greenDown.png";
}

这里我想改变ImageURl ......但它不起作用...... 所以,任何身体都可以帮助我......

这里有什么问题?

或者我可以通过css更改它吗?

1 个答案:

答案 0 :(得分:0)

这应该可以完成,而不必担心渲染的名称。

在服务器端处理Datalist,以便完全呈现ImageUrl路径。这应该留下一个简单的OnClientClick调用到底部的jquery,它设置了Image1 src。

另外,我没有看到对SimpleModal插件的实际调用,所以我将它添加到JS中,因为我根本无法看到你根据代码片段获得任何类型的弹出窗口

   <div id="basic-modal-content">
    <asp:Image ID="Image1" ImageUrl="" runat="server" />
</div>

<div id='container'>
    <asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal" RepeatColumns="5" >
        <ItemTemplate>
            <asp:ImageButton ID="ThumbnailImg" ImageUrl='<%# Eval("n1") %>' Height="100" Width="150" BorderStyle="Ridge" runat="server" OnClientClick="ShowFullImg(this);" />
        </ItemTemplate>
    </asp:DataList>
</div>

<script type="text/javascript">
    function ShowFullImg(e)
    {
        $('#basic-modal-content img').attr('src',$(e).attr('src'))
        $('#basic-modal-content').modal()
    }
</script>