将内容页面中的客户端处理程序添加到母版页控件

时间:2015-01-19 17:49:30

标签: javascript asp.net events master-pages content-pages

我在ASP.Net webforms应用程序中需要四个类似的页面。所有四个页面都有一个带有下拉列表的标题和两个按钮。我打算为这个标题使用母版页,然后为我需要生成的每个不同页面使用内容页面。我的主人看起来像这样:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Processing.master.cs" Inherits="MyProject.Processing" %>

<!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">
    <link href="../../Stylesheets/Processing.css" type="text/css" rel="stylesheet" />
    <script language="javascript" src="../../Scripts/js/Processing.js" type="text/javascript"></script>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="ProcessingForm" height="100%" runat="server">
        <asp:Label ID="titleLabel" runat="server" class="bold"></asp:Label>
        <asp:Label runat="server" ID="storeLabel" Text="Store:" />
        <asp:ObjectDataSource runat="server" ID="storesDataSource" TypeName="MyProject.Processing"
            SelectMethod="GetStoresDataSource">
            <SelectParameters>
                <asp:QueryStringParameter Name="UserName" QueryStringField="eUserName" DefaultValue="" />
            </SelectParameters>
        </asp:ObjectDataSource>
        <asp:DropDownList runat="server" ID="storeDropdown" AutoPostBack="true" OnSelectedIndexChanged="storeDropdown_SelectedIndexChanged"
            AppendDataBoundItems="true" DataSourceID="storesDataSource" DataTextField="Display"
            DataValueField="Number">
            <asp:ListItem />
        </asp:DropDownList>
        <asp:Button ID="refreshButton" runat="server" Text="Refresh" OnClick="refreshButton_Click" />
        <%-- ************************************************************************************--%>
        <%-- This is the button that I want to add client side behaviour to from my content pages--%>
        <%-- ************************************************************************************--%>
        <asp:Button ID="processButton" runat="server" Text="Process" OnClick="processButton_Click"
            OnClientClick="DoStuff();" />
        <asp:ContentPlaceHolder ID="GridDiv" runat="server" /> 
    </form>
</body>
</html>

在Processing.master.cs中,我定义了一个事件,内容页面可以订阅以在下拉列表更改时做出反应:

public delegate void StoreChangedHandler(object sender, string selectedValue);
public event StoreChangedHandler OnStoreChanged;

protected void storeDropdown_SelectedIndexChanged(object sender, EventArgs e)
{
    if (OnStoreChanged != null)
    {
        OnStoreChanged(sender, ((DropDownList)sender).SelectedValue);
    }
}

因此,内容页面的OnLoad包含:

protected void Page_Load(object sender, EventArgs e)
{
    ((Processing)Master).OnStoreChanged += StockRoomWithMaster_OnSomethingSelected;
}

void StockRoomWithMaster_OnSomethingSelected(object sender, string selectedValue)
{
    this.stockReceiptGridView.DataBind();
}

在单击processButton控件时发生的客户端DoStuff()函数调用执行相同策略的最佳方法是什么?我可以在Processing.js文件中和内容页面中声明一个全局变量,将其分配给一个函数:

Processing.js:

var processButtonClickedHandler;

function DoStuff()
{
    if (processButtonClickedHandler) {
        processButtonClickedHandler();
    }
}

在内容页面中:

$(document).ready(function() {
    processButtonClickedHandler = DoSpecificStuff;
});

function DoSpecificStuff() {
    // Custom page client side stuff
}

1 个答案:

答案 0 :(得分:0)

我认为你这样做是最好的方式。我已经创建了一个测试程序,就像你做的那样在DoSpecificStuff中发出一个警报,它运行良好。