在asp mvc应用程序中使用syncfusion图中的键盘键

时间:2015-09-17 07:48:20

标签: asp.net asp.net-mvc diagram syncfusion

我在asp.net mvc程序中使用了syncfusion的ej图,我想知道是否有任何选项让我通过点击 enter 或任何其他键来创建一个新节点?我的意思是我可以用来创建和编辑图表的任何键盘键或我自己实现此功能的任何键盘事件处理程序?

1 个答案:

答案 0 :(得分:1)

为了达到您的要求,请使用“命令管理器”,它支持使用所需的关键手势组合映射/绑定命令执行。当我们按下Shift + C键时,请参考下面的代码片段,它代表节点的创建。

代码段:

DiagramProperties model = new DiagramProperties();
Dictionary<string, object> Commands = new Dictionary<string, object>()
 { 
  {                                
           //command name
           "createNode",
           //command definition
           new Command()
           {
               //Name of the method/command handler that is defined in scripts
               Execute = "execute", 
               //Gesture to define when the command is to be executed
               Gesture = new Gesture()
               {
                   //Combination of keys and modifier keys
                   Key = Keys.C, KeyModifiers = KeyModifiers.Shift
                }
            }
        }
        };
        model.CommandManager.Commands = Commands;

<script type="text/javascript">
   function execute(args) {
       //add the node
       $("#Diagram1").ejDiagram("instance").add({ name: "rect", width: 100, height: 100, offsetX: 200, offsetY: 200 })
     }
</script>