通过 ComboBoxCellType 实现级联数据输入

发布时间:2012/12/05 00:12 发布者:jian

返回博客中心

在数据输入时,我们经常会遇到级联数据输入的问题,比如:在选择一个产品类别之后,根据类别显示该类别的全部产品。本文就结合 ComboBoxCellType 来实现级联数据输入的功能。

 

实现,初始化Spread表格,并设置类别列的单元格类型,代码如下:

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            FpSpread1.ClientAutoCalculation = true;
            FpSpread1.ActiveSheetView.AllowPage = false;
            FpSpread1.ActiveSheetView.RowCount = 10;
            FpSpread1.ActiveSheetView.ColumnCount = 6;
            FpSpread1.ActiveSheetView.Columns[0].Label = "类别";
            FpSpread1.ActiveSheetView.Columns[0].Width = 150;
            FpSpread1.ActiveSheetView.Columns[1].Label = "名称";
            FpSpread1.ActiveSheetView.Columns[1].Width = 300;
            FpSpread1.ActiveSheetView.Columns[2].Label = "单价";
            FpSpread1.ActiveSheetView.Columns[2].Width = 100;
            FpSpread1.ActiveSheetView.Columns[3].Label = "数量";
            FpSpread1.ActiveSheetView.Columns[3].Width = 100;
            FpSpread1.ActiveSheetView.Columns[4].Label = "折扣";
            FpSpread1.ActiveSheetView.Columns[4].Width = 100;
            FpSpread1.ActiveSheetView.Columns[5].Locked = true;
            FpSpread1.ActiveSheetView.Columns[5].Label = "小计";
            FpSpread1.ActiveSheetView.Columns[5].Width = 200;
            FpSpread1.ActiveSheetView.Columns[5].Formula = "C1 * D1 * E1";
            FpSpread1.ActiveSheetView.Columns[5].CellType = new CurrencyCellType();

            // 指定产品类别列的CellType
            DataSet ds = GetDataSource();
            FarPoint.Web.Spread.ComboBoxCellType ctCategory = new FarPoint.Web.Spread.ComboBoxCellType();
            ctCategory.DataSource = ds;
            ctCategory.DataMember = "Category";
            ctCategory.DataTextField = "Name";
            ctCategory.DataValueField = "ID";
            ctCategory.UseValue = true;
            ctCategory.OnClientChanged = "return CategoryChanged();";

            FpSpread1.ActiveSheetView.Columns[0].CellType = ctCategory;
        }
    }

前台 CategoryChanged 函数的实现代码:

<script type ="text/javascript" language="javascript">
        function CategoryChanged() {
            var row = FpSpread1.ActiveRow;
            var col = FpSpread1.ActiveCol;
            FpSpread1.EndEdit();
            FpSpread1.UpdatePostbackData();
            FpSpread1.CallBack("CategoryChanged," + row.toString() + "," + col.toString());
        }
    </script>

 

Spread ButtonCommand事件的后台处理代码,我们在该事件中取到选择的类别,然后显示该列的全部产品:

/// <summary>
    /// Spread ButtonCommand 事件的处理函数,根据e.CommandName的值来决定相应的处理逻辑
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void FpSpread1_ButtonCommand(object sender, FarPoint.Web.Spread.SpreadCommandEventArgs e)
    {
        switch (e.CommandName)
        {
            case "CategoryChanged":

                // 取到选择的产品类别,作为产品名称列的查询条件
                Point cell = (Point)e.CommandArgument;
                int categoryid = Convert.ToInt32(this.FpSpread1.ActiveSheetView.Cells[cell.X, cell.Y].Value.ToString());

                // 指定产品列相应单元格的CellType
                DataSet ds = GetDataSource();
                DataView product = ds.Tables["Products"].DefaultView;
                product.RowFilter = string.Format("CategoryID = {0}", categoryid);
                ComboBoxCellType ctProduct = new FarPoint.Web.Spread.ComboBoxCellType();        
                ctProduct.DataSource = product;
                ctProduct.DataTextField = "Name";
                ctProduct.DataValueField = "ID";
                ctProduct.UseValue = true;
                FpSpread1.ActiveSheetView.Cells[cell.X, cell.Y + 1].CellType = ctProduct;

                break;
            default:
                break;
        }

    }

 

运行截图:

 

源码下载:

CascadeComboBox.zip (12.35 kb)


关于葡萄城

赋能开发者!葡萄城是专业的集开发工具、商业智能解决方案、低代码开发平台于一身的软件和服务提供商,为超过 75% 的全球财富 500 强企业提供服务。葡萄城专注控件软件领域30年,希望通过模块化的开发控件、灵活的低代码应用开发平台等一系列开发工具、解决方案和服务,帮助开发者快速响应复杂多变的业务需求,最大程度地发挥开发者的才智和潜能,让开发者的 IT 人生更从容更美好。

了解详情,请访问葡萄城官网