在 CommandBar 上添加自定义按钮

收藏

许多用户都问到，能不能在 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 前台函数代码:

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

复制代码

效果图:

png

Demo 下载：
测试环境：VS2010 + Srpead for ASP.NET V5.0.3524.2008

Demo.zip (2.78 MB, 下载次数: 1072)

iceman · iceman

study1990 你好，
我的实现方法是，
1.添加 HiddenField 控件，用于在前台记录 mypager.value。
2.前台添加 FpSpread1.CallBack("Button",+pageindex); 去调用 Button_Command，在 Button_Command 取得 HiddenField 值即可。
前台代码：

<script type="text/javascript">
function change() {
var pageindex = document.getElementById("FpSpread1_pageindex").value - 1;
//HiddenFiled ID 为 getpage
var getpage = document.getElementById("getpage");
page.value = pageindex;
FpSpread1.CallBack("Page," + pageindex);
FpSpread1.CallBack("Button",+pageindex);
return false;
}
</script>

复制代码

后台代码：

protected void FpSpread1_ButtonCommand(object sender, FarPoint.Web.Spread.SpreadCommandEventArgs e)
{
string test = this.getpage.Value;
}

复制代码

study1990 · study1990

05. ss.CallBack(&quot

age," + mypager.value);
后台怎么接受mypager.value？

iceman · iceman

study1990 你好，在 Page_Load 中可以取得 mypager.value

string pageIndex = this.Request["__EVENTARGUMENT"];
if (pageIndex != null)
{
pageIndex = pageIndex.Substring(7, 1);
}

复制代码

study1990 · study1990

能在private void FpSpread_ButtonCommand中接受吗？
或者在Page_Load 中取得，怎么样在FpSpread_ButtonCommand使用？
谢谢回答！

study1990 · study1990

这样添加自定义按钮很不方便，能不能出个版本，可以点个按钮就能向工具栏中加按钮的

study1990 · study1990

5939757911132.jpg (2.71 KB, 下载次数: 1217)

iceman · iceman

study1990 你好，

1.DropDownList 为 ASP.NET 标准控件，添加图片只能通过继承 DropDownList 自定义控件实现。
2.楼主可以尝试在抓到 CommandBar 对应 Table 后添加 TableRow，在这个 TableRow 中模拟公式栏，抓取方式可以参考 1#。

study1990 · study1990

1.DropDownList 类中没有添加图片的项，该怎么改写？
2.添加上了，但CommandBar外层的table中含一个<div id="FpSpread_commandBar"></div>
它的高度被控件定死了，一直是27px，定义的公式栏被隐藏了，想在style和后台中对这个div高度控制，可是无效，该怎么办？

iceman · iceman

study1990 你好，
1.关于自定义控件方法可以网上搜索些相关的参考资料。
2.可以获取 Table 的父容器 Div ，改变适当高度，即可显示完全，参考代码：

WebControl tableContainer = FpSpread1.FindControl("commandBar") as WebControl;
tableContainer.Height = 80;

复制代码

		自动登录	找回密码
密码			立即注册

在 CommandBar 上添加自定义按钮

19 个回复

回复 4# study1990 的帖子

回复 1# iceman 的帖子

回复 2# study1990 的帖子

回复 3# iceman 的帖子

回复 5# iceman 的帖子

回复 7# study1990 的帖子

回复 8# iceman 的帖子

回复 9# study1990 的帖子

活字格认证

微信认证勋章

元老葡萄