Question

我想要完成的是在sharepoint中单击按钮时调用javascript函数。这是我在sharepoint designer 2007中的'代码'的范围......

<%@ Page masterpagefile="~masterurl/default.master" language="C#" title="|" inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bxe2111e8529c" meta:webpartpageexpansion="full" meta:progid="SharePoint.WebPartPage.Document" %>
<asp:Content id="Content1" runat="server" contentplaceholderid="PlaceHolderMain">
<script type="javascript">

function tellme() {
    alert('yep yep yep');
}

</script>
<p></p>
<asp:Button runat="server" Text="Button" id="Button1" onclientclick="tellme()" />
</asp:Content>

有谁能告诉我为什么不调用这个函数？当我保存页面，查看它并单击按钮时，它只是作为提交按钮。我对JS / HTML和PHP非常满意，但我正在涉足SharePoint / .net并且稍微挣扎。

由于

汤姆

Answer 1

您在Sharepoint页面中添加的按钮是一个ASP.Net按钮。它的默认行为是回发。

如果您想在客户端执行某些操作，请使用：

<input type="button" id="ClientSideBtn" value="Click ME" onclick="javascript:tellme()" />

如果您想在服务器端执行某些操作，请使用：

<asp:Button Text="Click ME" id="Button1" runat="server" onclick="Button1_Click"/>

对于服务器端按钮，您需要编写一些c＃或vb.net代码：

    protected void Button1_Click(object sender, EventArgs e)
    {
        //Do something here

        //Such as
        this.Response.Redirect("http://www.google.com");
    }

您可以在此处阅读更多内容：http://support.microsoft.com/kb/306459

Answer 2

更改行：

<asp:Button runat="server" Text="Button" id="Button1" onclientclick="tellme()" />

改为阅读：

<asp:Button runat="server" Text="Button" id="Button1" onclientclick="tellme(); return false;" />

通过返回 false ，您将阻止PostBack。

Answer 3

使用以下代码

    <%@ Page masterpagefile="~masterurl/default.master" language="C#" title="|" inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bxe2111e8529c" meta:webpartpageexpansion="full" meta:progid="SharePoint.WebPartPage.Document" %>
<asp:Content id="Content1" runat="server" contentplaceholderid="PlaceHolderMain">

<p></p>
<asp:Button runat="server" Text="Button" id="Button1" onclientclick="tellme()" />

<script type="text/javascript">

function tellme() {
    alert('yep yep yep');
}

</script>

</asp:Content>

点击按钮点击共享点上的javascript

3 个答案: