0

如何在 javascript 或 jquery 中获得多视图？

下面的代码总是返回 null : (Javascript)

var MultiView = document.getElementById("MultiView1");

下面的代码不为空但不起作用:(jquery)

var MultiView = $("*[id$='TextBox1']");

这是怎么回事？

你能给我一个使用 JavaScript 或 Jquery 检查 ActiveViewIndex 的示例代码吗？

由于评论，我添加了以下代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Keyup._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title></title>

    <%--    <script src="JQuery/jquery-1.4.1.js" type="text/javascript"></script>--%>
                <script type="text/javascript">

                    document.onkeyup = onkeyupOfDocument;

                    function onkeyupOfDocument(evt) {
                        var evt = evt || window.event;
                        //alert(evt.keyCode);
                        //var MultiView = $("*[id$='TextBox1']"); 
                        var MultiView = document.getElementById("MultiView1");
                        alert(MultiView);
                    }

        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
                <asp:View ID="View1" runat="server">
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                </asp:View>
                <asp:View ID="View2" runat="server">
                </asp:View>
            </asp:MultiView>
        </div>
        </form>
    </body>
    </html>

在未来提前感谢

4

1 回答 1

0

抱歉耽搁了，但这是您要查找的内容：

    <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

            var activeViewIndex = $('.multiviewContainer').attr('activeKey');

            alert(activeViewIndex);

        });
    </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

    <asp:Panel runat="server" ID="multiviewContainer" CssClass="multiviewContainer">

        <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">

            <asp:View ID="View1" runat="server">
                   View 0
            </asp:View>

            <asp:View ID="View2" runat="server">
                   View 1
            </asp:View>

            <asp:View ID="View3" runat="server">
                   View 2
            </asp:View>

            <asp:View ID="View4" runat="server">
                   View 3
            </asp:View>

        </asp:MultiView>

    </asp:Panel>

</asp:Content>

和后面的代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        string activeView = MultiView1.ActiveViewIndex.ToString();
        multiviewContainer.Attributes.Add("activeKey", activeView);
    }
}
于 2010-07-21T14:05:38.040 回答