2

リピーターを使用してデータをバインドしています & ヘッダーテンプレートで、列の並べ替えにイメージボタンを使用しています。

私のクライアント側のコード:

 <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で変更できますか?

4

1 に答える 1

0

これにより、レンダリングされた名前を気にすることなくうまくいくはずです。

ImageUrl パスが完全にレンダリングされるように、Datalist はサーバー側で処理されます。これにより、Image1 src を設定する jquery へのシンプルな OnClientClick 呼び出しが一番下に残るはずです。

また、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>
于 2013-05-17T11:04:29.607 に答える