html5 jsplumb,jsPlumb在html与cshtml显示问题

最开始我用idea做了一个流程图的页面可以显示出来,可是为啥我用.net下的cshtml却显示不出连线,html和js代码我都是从idea复制的

如下:

Title

.start {

background-color: #fc8801;

border-radius: 25em;

-moz-border-radius: 25em;

height: 38px;

width: 92px;

/ padding: 5px; /

/ padding-left: 18px; /

padding-top: 11px;

/ line-height: 20px; */

text-align: center;

height: 32px;

float: left;

}

.approve {

background-color: #00b4fe;

width: 92px;

/* padding: 5px; */

/* padding-left: 18px; */

padding-top: 11px;

/* line-height: 20px; */

text-align: center;

height: 32px;

float: left;

}

.copy {

background-color: #ffd966;

width: 92px;

/* padding: 5px; */

/* padding-left: 18px; */

padding-top: 11px;

/* line-height: 20px; */

text-align: center;

height: 32px;

float: left;

}

.end {

background-color: #fc8801;

border-radius: 25em;

-moz-border-radius: 25em;

height: 38px;

width: 92px;

/* padding: 5px; */

/* padding-left: 18px; */

padding-top: 11px;

/* line-height: 20px; */

text-align: center;

height: 32px;

float: left;

}

111

开始
审批1
审批2
分发
结束

var jsText = 'jsPlumb.ready(function () {\n' +

' var flowConnector = {\n' +

' // connector: ["Bezier", { curviness: 0 }],\n' +

' //anchors: ["BottomCenter", "TopCenter"],\n' +

' connector:'Straight',\n' +

' paintStyle: { lineWidth: 2, strokeStyle: "#61B7CF", fillStyle: "transparent" },\n' +

' //paintStyle: { lineWidth: 2, strokeStyle: "#61b7cf", joinstyle: "round", outlineColor: "white", outlineWidth: 2 },\n' +

' overlays: [["Arrow", { width: 10, length: 10, location: 1 }]],\n' +

' endpoint: ["Dot", { radius: 1 }]\n' +

' };\n' +

' var returnConnector = {\n' +

' connector: "Bezier",\n' +

' //anchors: ["BottomCenter", "TopCenter"],\n' +

' paintStyle: { lineWidth: 2, strokeStyle: "red", fillStyle: "transparent" },\n' +

' //paintStyle: { lineWidth: 2, strokeStyle: "#61b7cf", joinstyle: "round", outlineColor: "white", outlineWidth: 2 },\n' +

' overlays: [["Arrow", { width: 10, length: 10, location: 1 }]],\n' +

' endpoint: ["Dot", { radius: 1 }]\n' +

' };\n' +

' var connection1= jsPlumb.connect({\n' +

' source: 'start',\n' +

' target: 'step1',\n' +

' anchor: ['Right', 'Left']\n' +

' },flowConnector)\n' +

' var connection2= jsPlumb.connect({\n' +

' source: 'step1',\n' +

' target: 'step2',\n' +

' },flowConnector)\n' +

' var connection3= jsPlumb.connect({\n' +

' source: 'step2',\n' +

' target: 'copy',\n' +

' },flowConnector)\n' +

' var connection4= jsPlumb.connect({\n' +

' source: 'copy',\n' +

' target: 'end',\n' +

' },flowConnector)\n' +

' connection1.setLabel(通过);\n' +

' var returnStep1= jsPlumb.connect({\n' +

' source: 'step1',\n' +

' target: 'start',\n' +

' anchor: ['Top', 'Top']\n' +

' },returnConnector)\n' +

' returnStep1.setLabel(通不过);\n' +

' var returnStep2= jsPlumb.connect({\n' +

' source: 'step2',\n' +

' target: 'step1',\n' +

' anchor: ['Top', 'Top']\n' +

' },returnConnector)\n' +

' returnStep2.setLabel(通不过);\n' +

' var returnStep3= jsPlumb.connect({\n' +

' source: 'step2',\n' +

' target: 'start',\n' +

' anchor: ['Top', 'Top']\n' +

' },returnConnector)\n' +

' returnStep3.setLabel(通不过);\n' +

'\n' +

' })'

var jscode = new Function(jsText)();

我在用cshtml页面打开是没有连线的,用idea打开是有的,是不是cshtml与html有啥不一样

c6697869b6a9fe7ee5f8d2add99847d5.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值