在 CommandBar 上添加自定义按钮

发布时间:2012/11/14 00:11 发布者:葡萄城产品团队

返回博客中心

许多用户都问到,能不能在 CommandBar 添加自定义按钮,去实现特殊的功能?
下面这篇文章将展示如何在 CommandBar  添加自定义按钮,及如何使用自定义按钮调用前台和后台事件:
主要步骤:
1.添加 Spread ButtonCommand 事件,提供 自定义 button 调用。

2. 重载 Render 添加自定义按钮:

 
protected override void Render(HtmlTextWriter writer)

        {

            Table table = FpSpread1.FindControl("cmdTable") as Table;



            //自定义按钮调用前台事件

            DropDownList changepage = new DropDownList();

            changepage.ID = "pageindex";

            changepage.Items.Add("1");

            changepage.Items.Add("2");

            changepage.Items.Add("3");

            changepage.Items.Add("4");

            changepage.Items.Add("5");

            changepage.Attributes.Add("onchange", "change()");



            TableCell cell2 = new TableCell();

            cell2.Controls.Add(changepage);

            table.Rows[0].Cells.Add(cell2);





            //自定义按钮调用后台事件

            TableCell cell1 = new TableCell();

            Button btn1 = new Button();

            btn1.Text = "自定义按钮";

            btn1.Text = "Button1";

            btn1.Attributes.Add("onclick", ClientScript.GetPostBackEventReference(FpSpread1, "BtnCommand,-1,-1") + "; return false;");

            cell1.Controls.Add(btn1);

            table.Rows[0].Cells.Add(cell1);



            base.Render(writer);

        }

复制代码

3.DropDownList  前台函数代码:

  1.    
    <script type="text/javascript">
    
            function change() {
    
                var pageindex = document.getElementById("FpSpread1_pageindex").value-1;
    
                FpSpread1.CallBack("Page,"+pageindex);
    
                return false;
    
            }
    
        </script>
    
    复制代码
    效果图:


    Demo 下载:
    测试环境:VS2010 + Srpead for ASP.NET V5.0.3524.2008
Demo.zip (2.78 M, 下载次数:69)

关于葡萄城

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

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