JavaScript的的onclick选择与asp.net ListView控件项目 [英] javascript onclick to select item with asp.net ListView control

问题描述

我想实现一个onclick事件选择在ASP中的项目：ListViewControl

I'm trying to implement a onclick event to select an item in a asp:ListViewControl.

 <ItemTemplate>
        <tr runat="server" id="MemberRow" onclick='<%#ClientScript.GetPostBackClientHyperlink(LvMembers, string.Format("Select${0}", Container.DataItemIndex)) %>'>
            <td>
                <asp:Literal runat="server" ID="LtlMembershipNumber" Text='<%#Eval("MembershipNo") %>' />
            </td>
            <td>
                <asp:Literal runat="server" ID="LtlName" Text='<%#Eval("FullName") %>' />
            </td>
            <td>
                <asp:Literal runat="server" ID="LtlCompany" Text='<%#Eval("Company") %>' />
            </td>
            <td>
                <asp:Literal runat="server" ID="LtlNotes" Text='<%#Eval("Notes") %>' />
            </td>
            <td runat="server">
                <asp:Literal runat="server" ID="LtlMobile" Text='<%#Eval("MobilePhone") %>' /><asp:LinkButton
                    runat="server" ID="lnl1" CommandName="Select" Text="test" />
            </td>
        </tr>
    </ItemTemplate>

如预期的页面加载和绑定。它还输出我期望的HTML。

The page loads and binds as expected. It also outputs the HTML I would expect.

<tr id="ContentPlaceHolder1_LvMembers_MemberRow_1" onclick="javascript:__doPostBack('ctl00$ContentPlaceHolder1$LvMembers','Select$1')">
        <td>
                10000018
            </td>
        <td>
                Axel Rose
            </td>
        <td>

            </td>
        <td>

            </td>
        <td>
                <a id="ContentPlaceHolder1_LvMembers_lnl1_1" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$LvMembers$ctrl1$lnl1','')">test</a>
            </td>
    </tr>

不过的onclick不火的ListView.Command或ListView.SelectedIndexChanging事件？如果我添加一个按钮的CommandName =选择它将按预期工作？ POST数据是一样的！

However the onclick does not fire the ListView.Command or ListView.SelectedIndexChanging event? If I add a button with CommandName="Select" it works as expected? The POST data is the same!

{_EVENTTARGET=ctl00%24ContentPlaceHolder1%24LvMembers&_EVENTARGUMENT=Select%245&__VIEWSTATE=...}

{_EVENTTARGET=ctl00%24ContentPlaceHolder1%24LvMembers&_EVENTARGUMENT=Select%245&__VIEWSTATE=...}

推荐答案

类这个回答我自己。 ListView控件类不实现IPostBackEventHandler接口。

Kind of answered this myself. The ListView class does not implement the IPostBackEventHandler interface.

这意味着它不具有RaisePostBackEvents方法和不接受该事件目标

This means that it does not have the RaisePostBackEvents method and does not accept the EventTarget.

我重载它来实现这个接口。

I've overloaded it to implement this interface.

 public class ListViewEvent : ListView, IPostBackEventHandler
    {
        public void RaisePostBackEvent(string eventArgument)
        {
            if (!eventArgument.Contains("$"))
                return;

            string[] splitEventArgument = eventArgument.Split('$');

            switch (splitEventArgument[0])
            {
                case "Select":
                    {
                        SelectItem(Convert.ToInt32(splitEventArgument[1]));
                        break;
                    }
                default:
                    {
                        break;

                    }
            }
        }
    }

这篇关于JavaScript的的onclick选择与asp.net ListView控件项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！