如何定制自己的Spread设计器

收藏

本帖最后由 Richard.Ma 于 2022-3-23 11:10 编辑

Spread提供了一个Spread设计器独立程序，我们可以用它来编辑模板文件供Spread程序使用。

在一些场景中，我们希望使用程序的最终用户也可以使用这个编辑器来进行文件编辑，这样用户也可以使用到设计器中类似于Excel菜单里的丰富功能。这篇博客介绍如何定制自己的Spread设计器，并嵌入到程序中去

引用 FarPoint.Win.Spread.Design.DesignerMain，此命名空间中提供了名为DesignerMain的类，这个和设计器可执行程序和的界面功能是一致的。我们通过继承此控件并进行重写，可以定制自己的设计器，具体操作如下：

1.创建继承Spread设计器的窗体
新建一个类并继承FarPoint.Win.Spread.Design.DesignerMain，此类即可以直接作为窗体启动。展示完整的Spread设计器

class Designer : FarPoint.Win.Spread.Design.DesignerMain
{
}

复制代码

需要引用以下dll，其中红色部分的Spread在安装开发包后，可以在列表中找到。
绿色部分为Spread设计器依赖的ComponentOne控件，可以在开发包的如下路径中找到

C:\Program Files (x86)\GrapeCity\Spread.NET 15\Windows Forms\v15.0.20211.0\bin\Designer

运行后效果如下

2.自定义界面
以上界面中，我们对其中的一些属性做了设置，修改了菜单中的保存按钮，和其他的一些设置作为示例
最终的效果如下
image.png770083617.png

下面是修改的代码，通过重写OnLoad方法来修改

protected override void OnLoad(EventArgs e)
{
base.OnLoad(e);
this.Text = "我的Spread设计器";
//隐藏右侧属性栏
this.IsShowPropertyGridValue = false;
//获取界面的Ribbon菜单,为C1Ribbon对象，具体操作可以参考C1控件文档
C1Ribbon ribbon = this.Ribbon;
//窗口中包含的Spread控件
FpSpread spread=this.Spread;
//窗体状态栏
C1StatusBar statusbar = this.StatusBar;
//设置类Excel主题样式
C1Theme theme = C1ThemeController.GetThemeByName("Office2016Green", true);
C1ThemeController.ApplyThemeToControlTree(this, theme);
//增加一个保存到xxx的菜单项
var iconset= (this.Ribbon.ApplicationMenu.LeftPaneItems[7] as RibbonButton).IconSet;
RibbonButton savexxxbutton = new RibbonButton() { Text = "保存为xxx(&S)"};
savexxxbutton.IconSet.Clear();
savexxxbutton.IconSet.Add(iconset[0]);
savexxxbutton.Click += Savebutton_Click;
this.Ribbon.ApplicationMenu.LeftPaneItems.Insert(7, savexxxbutton);
//删除菜单下方“输出”按钮
this.Ribbon.ApplicationMenu.BottomPaneItems.Remove(this.Ribbon.ApplicationMenu.BottomPaneItems[0]);
}
private void Savebutton_Click(object sender, EventArgs e)
{
SaveFileDialog s = new SaveFileDialog();
s.Filter = "专用文件(*.xxx)|*.xxx";
if (s.ShowDialog() == DialogResult.OK)
{
this.Spread.SaveExcel(s.FileName);
}
}

复制代码

点击这里下载示例项目：

SpreadDesignerDemo.zip (2.79 MB, 下载次数: 561)

Tom猫 · Tom猫

应该用的上，先收藏

Richard.Ma · Richard.Ma

elwin · elwin

不能设置数据绑定嘛？

Richard.Ma · Richard.Ma

可以设置数据绑定，这个demo仅展示的是自定义设计器

demo中的spread对象，就是封装的spread workbook，你可以对这个来进行表格操作，参考下面的文档进行数据绑定
https://www.grapecity.com/spread ... n-data-binding.html

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

如何定制自己的Spread设计器

4 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人

圣诞拼拼乐

微信认证勋章

活字格认证