EPR类企业管理系统

在我们现有系统基础上或全新开发,提供定制服务
为您的企业高效快速实施ERP,WMS,MES,CRM管理系统
全面管控物料仓库、销售业务、采购业务、仓库业务
生产过程、质量检验、组织架构、业务报表


定制
QQ:460-3528

开发
QQ群:3360-90194

源码
微信:136-3650-3721

如何:自定义矢量地图选项板

本主题描述如何使用JavaScript代码直接访问dxVectorMap小部件。如果您需要自定义未映射到“模型编辑器”中IModelVectorMapSettings节点的属性的窗口小部件选项,则可能需要执行此操作。在此示例中,自定义调色板应用于地图区域(在模型编辑器中,您只能应用VectorMapPalette枚举中列出的预定义调色板)。本主题中描述的方法不适用于移动应用程序。

在此,假定您具有根据Vector Map教程上的Display Areas创建的应用程序。

VectorMapPaletteController视图控制器添加到ASP.NET模块项目中。在构造函数中,将ViewController.TargetObjectType属性设置为IAreaInfo,并将ViewController.TargetViewType设置ViewType.ListView。重写OnViewControlsCreated方法,并访问WebVectorMapsListEditor列表编辑器及其VectorMapViewer控件。此控件公开VectorMapViewer.ClientSideEvents属性,该属性使您可以将JavaScript处理程序分配给客户端事件。处理VectorMapViewerClientSideEvents.Customize 客户端事件,以创建并应用自定义调色板。

using DevExpress.ExpressApp;
using DevExpress.Persistent.Base;
using DevExpress.ExpressApp.Maps.Web;
// ...
public class VectorMapPaletteController : ViewController {
    public VectorMapPaletteController() {
        TargetObjectType = typeof(IAreaInfo);
        TargetViewType = ViewType.ListView;
    }
    protected override void OnViewControlsCreated() {
        base.OnViewControlsCreated();
        WebVectorMapsListEditor vectorMapsListEditor = ((ListView)View).Editor as WebVectorMapsListEditor;
        vectorMapsListEditor.VectorMapViewer.ClientSideEvents.Customize = 
@"function(sender, vectorMap) {
    var myPalette = {
        gradientSet: ['#78b6d9', '#eeba69']
    };
    DevExpress.viz.registerPalette('myCustomPalette', myPalette);
    vectorMap.option('areaSettings.palette', 'myCustomPalette');
}";
    }
}

转载保留此链接,注明出处