最开始我用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
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有啥不一样