AjaxPro.Utility.RegisterTypeForAjax DropDownList三级联动

执行的类：

public class AjaxMethod
{
    [AjaxPro.AjaxMethod(AjaxPro.HttpSessionStateRequirement.Read)]
    public DataSet GetDepartmentList(string CorpCd)
    {
        ChooseEmployeeDSTableAdapters.DepartmentsTableAdapter adapter = new ChooseEmployeeDSTableAdapters.DepartmentsTableAdapter();
        ChooseEmployeeDS.DepartmentsDataTable table = adapter.GetData(CorpCd);

        DataSet ds = new DataSet();
        ds.Tables.Add(table);

        return ds;
    }

    [AjaxPro.AjaxMethod(AjaxPro.HttpSessionStateRequirement.Read)]
    public DataSet GetItemList(string DepartmentCd)
    {
        ChooseEmployeeDSTableAdapters.ProjectsTableAdapter adapter = new ChooseEmployeeDSTableAdapters.ProjectsTableAdapter();
        ChooseEmployeeDS.ProjectsDataTable table = adapter.GetData(DepartmentCd);

        DataSet ds = new DataSet();
        ds.Tables.Add(table);

        return ds;
    }

}


调用的页面.CS

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using BITOC.Portal.Lib;

public partial class Employee_ChooseEmployee : PortalBasePage
{

    protected void Page_Load(object sender, EventArgs e)
    {
        AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxMethod), this);


        if (!Page.IsPostBack && !Page.IsCallback)
        {
            ddlCorp.Attributes.Add("onclick", "DepartmentResult();");
            ddlDepartment.Attributes.Add("onclick", "ItemResult();");
        }else    {
            string corp=Request.Form["corp"];         

             string depart=Request.Form["ddlDepartment"];

           }

　　　　　　
    }
}


调用的页面.ASPX

<%@ Page Language="C#" EnableEventValidation="false" AutoEventWireup="true" CodeFile="ChooseEmployee.aspx.cs" Inherits="Employee_ChooseEmployee" %>

<!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 type="text/javascript">
    
    function DepartmentResult()
    {
        var ddlCorp = document.getElementById("ddlCorp");
        AjaxMethod.GetDepartmentList(ddlCorp.value,get_Department_Result_CallBack);

        ItemResult();
    }
    
    function get_Department_Result_CallBack(response)
    {
        if (response.value != null)
        {
            document.all("ddlDepartment").length=0;　　　　
            var ds = response.value;
            if(ds != null && typeof(ds) == "object" && ds.Tables != null)
            {
                document.all("ddlDepartment").options.add(new Option("", ""));
                
                for(var i=0; i<ds.Tables[0].Rows.length; i++)
                {
                    var name=ds.Tables[0].Rows[i].NameChs;
                    var id=ds.Tables[0].Rows[i].DepartmentCd;
                    document.all("ddlDepartment").options.add(new Option(name,id));
                }
            }
        }
        return;
    }
    
    
    function ItemResult()
    {
        var ddlDepartment = document.getElementById("ddlDepartment");
        AjaxMethod.GetItemList(ddlDepartment.value, get_item_Result_CallBack);
    }
    
    
    function get_item_Result_CallBack(response)
    {
        if (response.value != null)
        {
            document.all("ddlItem").length=0;　　　　
            var ds = response.value;
            if(ds != null && typeof(ds) == "object" && ds.Tables != null)
            {
                document.all("ddlItem").options.add(new Option("", ""));
                
                for(var i=0; i<ds.Tables[0].Rows.length; i++)
                {
                    var name = ds.Tables[0].Rows[i].Name;
                    var id = ds.Tables[0].Rows[i].ProjectCd;
                    document.all("ddlItem").options.add(new Option(name,id));
                }
            }
        }
        return;
    }


    function Check_Item()
    {
        if(document.all("ddlCorp") != null)
        {
            if(document.all("ddlCorp").value == "")
            {
                alert('');
                return false;
            }
        }
        
    }
    </script>
</head>
<body onload="DepartmentResult();ItemResult();">
    <form id="form1" runat="server">
    <div>
    <table style="height: 30px">
        <tr>
            <td style="width:100px;">
                <asp:Literal ID="Literal1" runat="server">姓名</asp:Literal></td>
            <td style="width:300px;">
                <asp:TextBox ID="txtUserName" runat="server" Width="120px"></asp:TextBox>
                &nbsp;&nbsp;
                <asp:CheckBox ID="chkAccord"
                    runat="server" Text="前端一致" /></td>
        </tr>
    </table>
    </div>
    <asp:Panel ID="Panel1" runat="server" Height="1px" Width="125px">
    <table style="height: 30px">
        <tr>
            <td style="width:100px;">
                <asp:Literal ID="Literal2" runat="server">公司/部门</asp:Literal></td>
            <td style="width:400px;">
                <asp:DropDownList ID="ddlCorp" runat="server" Width="240px" DataSourceID="ObjectDataSource1" DataTextField="NameChs" DataValueField="CompanyCd">
                </asp:DropDownList>&nbsp;&nbsp; &nbsp;
                <asp:DropDownList ID="ddlDepartment" runat="server" Width="120px" DataSourceID="ObjectDataSource3" DataTextField="NameChs" DataValueField="DepartmentCd">
                </asp:DropDownList>
                <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" OldValuesParameterFormatString="original_{0}"
                    SelectMethod="GetData" TypeName="ChooseEmployeeDSTableAdapters.CompaniesTableAdapter">
                </asp:ObjectDataSource>
                &nbsp;&nbsp;
                <asp:ObjectDataSource ID="ObjectDataSource3" runat="server" OldValuesParameterFormatString="original_{0}"
                     SelectMethod="Query" TypeName="ChooseEmployeeDSTableAdapters.DepartmentsTableAdapter" OnSelected="ObjectDataSource3_Selected">
                </asp:ObjectDataSource>
            </td>
        </tr>
    </table>
    </asp:Panel>
    <div style="height:30px">
    <table style="height: 30px">
        <tr>
            <td style="width:100px;">
                <asp:Literal ID="Literal3" runat="server">?目</asp:Literal></td>
            <td style="width:300px;">
                <asp:DropDownList ID="ddlItem" runat="server" Width="180px" DataSourceID="ObjectDataSource4" DataTextField="Name" DataValueField="ProjectCd">
                </asp:DropDownList>&nbsp;
                <asp:ObjectDataSource ID="ObjectDataSource4" runat="server" OldValuesParameterFormatString="original_{0}"
                    SelectMethod="Query" TypeName="ChooseEmployeeDSTableAdapters.ProjectsTableAdapter">
                </asp:ObjectDataSource>
            </td>
        </tr>
    </table>
    </div>
    </form>
</body>
</html>

 

posted @ 2011-09-08 09:26  茶海  阅读(420)  评论(0)  编辑  收藏  举报