write the function loadMethodParam and modify paramTypeModels
This commit is contained in:
parent
d94ef8fe48
commit
3ceeb7055b
|
@ -2,20 +2,10 @@ package org.bench4q.web.model;
|
||||||
|
|
||||||
public class CheckBox extends ParamTypeModel {
|
public class CheckBox extends ParamTypeModel {
|
||||||
|
|
||||||
private String rows;
|
public CheckBox(String type, String valueSeperator, String fieldSeperator,
|
||||||
|
int size, String cols, String rows) {
|
||||||
public String getRows() {
|
super(type, valueSeperator, fieldSeperator, size, cols, rows);
|
||||||
return rows;
|
|
||||||
}
|
|
||||||
|
|
||||||
public void setRows(String rows) {
|
|
||||||
this.rows = rows;
|
|
||||||
}
|
|
||||||
|
|
||||||
public CheckBox(String rows,String type, String valueSeperator, String fieldSeperator) {
|
|
||||||
super(type, valueSeperator, fieldSeperator);
|
|
||||||
// TODO Auto-generated constructor stub
|
// TODO Auto-generated constructor stub
|
||||||
this.rows=rows;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,21 +2,12 @@ package org.bench4q.web.model;
|
||||||
|
|
||||||
public class Field extends ParamTypeModel{
|
public class Field extends ParamTypeModel{
|
||||||
|
|
||||||
private int size;
|
public Field(String type, String valueSeperator, String fieldSeperator,
|
||||||
|
int size, String cols, String rows) {
|
||||||
public int getSize() {
|
super(type, valueSeperator, fieldSeperator, size, cols, rows);
|
||||||
return size;
|
|
||||||
}
|
|
||||||
|
|
||||||
public void setSize(int size) {
|
|
||||||
this.size = size;
|
|
||||||
}
|
|
||||||
|
|
||||||
public Field(int size,String type, String valueSeperator, String fieldSeperator) {
|
|
||||||
super(type, valueSeperator, fieldSeperator);
|
|
||||||
// TODO Auto-generated constructor stub
|
// TODO Auto-generated constructor stub
|
||||||
this.size=size;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,20 +2,11 @@ package org.bench4q.web.model;
|
||||||
|
|
||||||
public class MultiField extends ParamTypeModel {
|
public class MultiField extends ParamTypeModel {
|
||||||
|
|
||||||
private int size;
|
public MultiField(String type, String valueSeperator,
|
||||||
|
String fieldSeperator, int size, String cols, String rows) {
|
||||||
public int getSize() {
|
super(type, valueSeperator, fieldSeperator, size, cols, rows);
|
||||||
return size;
|
|
||||||
}
|
|
||||||
|
|
||||||
public void setSize(int size) {
|
|
||||||
this.size = size;
|
|
||||||
}
|
|
||||||
|
|
||||||
public MultiField(int size,String type, String valueSeperator, String fieldSeperator) {
|
|
||||||
super(type, valueSeperator, fieldSeperator);
|
|
||||||
// TODO Auto-generated constructor stub
|
// TODO Auto-generated constructor stub
|
||||||
this.size=size;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -5,12 +5,17 @@ public class ParamTypeModel {
|
||||||
private String type;
|
private String type;
|
||||||
private String valueSeperator;
|
private String valueSeperator;
|
||||||
private String fieldSeperator;
|
private String fieldSeperator;
|
||||||
|
private int size;
|
||||||
|
private String cols;
|
||||||
|
private String rows;
|
||||||
|
|
||||||
public ParamTypeModel(String type,String valueSeperator,String fieldSeperator){
|
public ParamTypeModel(String type,String valueSeperator,String fieldSeperator,int size,String cols,String rows){
|
||||||
this.type=type;
|
this.type=type;
|
||||||
this.valueSeperator=valueSeperator;
|
this.valueSeperator=valueSeperator;
|
||||||
this.fieldSeperator=fieldSeperator;
|
this.fieldSeperator=fieldSeperator;
|
||||||
|
this.size=size;
|
||||||
|
this.cols=cols;
|
||||||
|
this.rows=rows;
|
||||||
}
|
}
|
||||||
|
|
||||||
public String getType() {
|
public String getType() {
|
||||||
|
@ -37,5 +42,29 @@ public class ParamTypeModel {
|
||||||
this.fieldSeperator = fieldSeperator;
|
this.fieldSeperator = fieldSeperator;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public int getSize() {
|
||||||
|
return size;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setSize(int size) {
|
||||||
|
this.size = size;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getCols() {
|
||||||
|
return cols;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setCols(String cols) {
|
||||||
|
this.cols = cols;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getRows() {
|
||||||
|
return rows;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setRows(String rows) {
|
||||||
|
this.rows = rows;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,18 +2,12 @@ package org.bench4q.web.model;
|
||||||
|
|
||||||
public class Table extends ParamTypeModel {
|
public class Table extends ParamTypeModel {
|
||||||
|
|
||||||
private String cols;
|
public Table(String type, String valueSeperator, String fieldSeperator,
|
||||||
public String getCols() {
|
int size, String cols, String rows) {
|
||||||
return cols;
|
super(type, valueSeperator, fieldSeperator, size, cols, rows);
|
||||||
}
|
|
||||||
public void setCols(String cols) {
|
|
||||||
this.cols = cols;
|
|
||||||
}
|
|
||||||
public Table(String cols,String type, String valueSeperator, String fieldSeperator) {
|
|
||||||
super(type, valueSeperator, fieldSeperator);
|
|
||||||
// TODO Auto-generated constructor stub
|
// TODO Auto-generated constructor stub
|
||||||
this.cols=cols;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -102,9 +102,7 @@ body {
|
||||||
<div class="box-content">
|
<div class="box-content">
|
||||||
<div class="operatePlugins center">
|
<div class="operatePlugins center">
|
||||||
<div class="span8" style="float: left;">
|
<div class="span8" style="float: left;">
|
||||||
<div id="pluginArea">
|
<div id="pluginArea"></div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="pluginButton">
|
<div class="pluginButton">
|
||||||
<p>
|
<p>
|
||||||
|
@ -169,6 +167,7 @@ body {
|
||||||
<div id="showPluginMethod">
|
<div id="showPluginMethod">
|
||||||
<!-- 显示方法文档,开始动态生成 ,只显示一个-->
|
<!-- 显示方法文档,开始动态生成 ,只显示一个-->
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -215,9 +214,7 @@ body {
|
||||||
<div class="inset span4 center">
|
<div class="inset span4 center">
|
||||||
<div class="span2 behavior-box scroll"
|
<div class="span2 behavior-box scroll"
|
||||||
style="height: 200px; width: 220px;">
|
style="height: 200px; width: 220px;">
|
||||||
<div id="pluginMethod">
|
<div id="pluginMethod"></div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="span2 behavior-box scroll"
|
<div class="span2 behavior-box scroll"
|
||||||
style="height: 200px; width: 220px;">
|
style="height: 200px; width: 220px;">
|
||||||
|
|
|
@ -1,15 +1,14 @@
|
||||||
//创建一个PluginMethodListModel
|
PluginMethodListModel = function(pluginName, methodList) {
|
||||||
function PluginMethodListModel(pluginName,methodList){
|
this.pluginName = pluginName;
|
||||||
this.pluginName=pluginName;
|
this.methodList = methodList;
|
||||||
this.methodList=methodList;
|
};
|
||||||
}
|
var pluginList = new Array();
|
||||||
|
var pluginMethodList = new Array();
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
loadPluginList();
|
loadPluginList();
|
||||||
});
|
});
|
||||||
|
|
||||||
var pluginList = new Array();
|
|
||||||
var pluginMethodList=new Array();
|
|
||||||
|
|
||||||
function loadPluginList() {
|
function loadPluginList() {
|
||||||
$.post("loadPlugin", {}, function(data) {
|
$.post("loadPlugin", {}, function(data) {
|
||||||
if (!data.success) {
|
if (!data.success) {
|
||||||
|
@ -23,8 +22,25 @@ function loadPluginList() {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function getMethod(pluglin) {
|
||||||
|
var aMethodList = "";
|
||||||
|
$.post("loadMethod", {
|
||||||
|
pluginName : plugin
|
||||||
|
}, function(data) {
|
||||||
|
if (!data.success) {
|
||||||
|
alert(data.failedMessage);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
data = data.data;// List<String> methodList
|
||||||
|
for (var i = 0; i < data.length; i++) {
|
||||||
|
aMethodList.push(data[i]);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return aMethodList;
|
||||||
|
}
|
||||||
|
|
||||||
function addPlugin() {
|
function addPlugin() {
|
||||||
loadPluginList();
|
|
||||||
var html = "";
|
var html = "";
|
||||||
for (var j = 0; j < pluginList.length; j++) {
|
for (var j = 0; j < pluginList.length; j++) {
|
||||||
var textNode = document.createTextNode(pluginList[j]);
|
var textNode = document.createTextNode(pluginList[j]);
|
||||||
|
@ -59,11 +75,10 @@ function pluginFinish() {
|
||||||
pluginChoosedList.push(data);
|
pluginChoosedList.push(data);
|
||||||
num++;
|
num++;
|
||||||
/*
|
/*
|
||||||
//load选择的plugin的MethodList
|
* //load选择的plugin的MethodList var aMethodList=getMethod(item);
|
||||||
var aMethodList=getMethod(item);
|
* document.write(data); pluginMethodList.push(new
|
||||||
document.write(data);
|
* PluginMethodListModel(data,aMethodList));
|
||||||
pluginMethodList.push(new PluginMethodListModel(data,aMethodList));
|
*/
|
||||||
*/
|
|
||||||
var div = document.createElement("div");
|
var div = document.createElement("div");
|
||||||
var p = document.createElement("p");
|
var p = document.createElement("p");
|
||||||
var textNode = document.createTextNode(data);
|
var textNode = document.createTextNode(data);
|
||||||
|
@ -98,12 +113,14 @@ function showInsertPlugin(selectNode) {
|
||||||
getMethodList(methodData);
|
getMethodList(methodData);
|
||||||
|
|
||||||
}
|
}
|
||||||
// plug-in.method列表
|
|
||||||
function getMethodList(methodData) {
|
function getMethodList(methodData) {
|
||||||
var methodHtml = "";
|
var methodHtml = "";
|
||||||
var methodList = new Array();
|
var methodList = new Array();
|
||||||
|
// plug-in.method列表
|
||||||
var plugin_method_List = new Array();
|
var plugin_method_List = new Array();
|
||||||
var plugin_method_List_count = 0;
|
var plugin_method_List_count = 0;
|
||||||
|
|
||||||
// 得到_前的内容
|
// 得到_前的内容
|
||||||
var type = methodData.split("_");
|
var type = methodData.split("_");
|
||||||
var plugin = type[0];
|
var plugin = type[0];
|
||||||
|
@ -152,54 +169,54 @@ function show(selectedNode) {
|
||||||
a.appendChild(textNode);
|
a.appendChild(textNode);
|
||||||
div.appendChild(a);
|
div.appendChild(a);
|
||||||
|
|
||||||
document.getElementById('behaviorArea').innerHTML += $(div).html();
|
document.getElementById('behaviorArea').appendChild(div);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function showMethodDocument(selectedNode) {
|
function showMethodDocument(selectedNode) {
|
||||||
|
|
||||||
var behaviorData = selectedNode.firstChild.nodeValue;
|
var behaviorData = selectedNode.firstChild.nodeValue;
|
||||||
|
var temp;
|
||||||
var flag = false;
|
var flag = false;
|
||||||
var length = document.getElementById("showPluginMethod").childNodes.length;
|
var length = $("#showPluginMethod").children().length;
|
||||||
|
|
||||||
document.write(length);
|
|
||||||
if (length == 0) {
|
if (length == 0) {
|
||||||
flag = false;
|
flag = false;
|
||||||
} else {
|
} else {
|
||||||
for (var j = 0; j < length; j++) {
|
for (var j = 0; j < length; j++) {
|
||||||
if ($($('#showPluginMethod').children()[j]).attr("id") == behaviorData) {
|
var data=document.getElementById("showPluginMethod").childNodes[length].firstChild.firstChild.nodeValue;
|
||||||
|
if (data==behaviorData) {
|
||||||
// 该文档已经生成
|
// 该文档已经生成
|
||||||
// document.getElementById("showPluginMethod").childNodes[j].getAttributeNode("id").nodeValue==behaviorData;
|
// document.getElementById("showPluginMethod").childNodes[j].firstChild.firstChild.nodeValue==behaviorData;
|
||||||
flag = true;
|
flag = true;
|
||||||
|
temp = j;
|
||||||
|
for (var m = 0; m < length; m++) {
|
||||||
|
$('#showPluginMethod').children()[m].Attr("class", "hide");
|
||||||
|
}
|
||||||
|
$('#showPluginMethod').children()[temp].Attr("class", "");
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (flag == false) {
|
if (flag == false) {
|
||||||
// 文档没有生成过,需要调用函数生成该文档
|
// 文档没有生成过,需要调用函数生成该文档
|
||||||
loadMethodParams(behaviorData);
|
for (var i = 0; i < length; i++) {
|
||||||
document.getElementById("showPluginMethod")
|
if ($('#showPluginMethod').children()[i].Attr("class", "")) {
|
||||||
.appendChild($(behaviorData));
|
$('#showPluginMethod').children()[i].Attr("class", "hide");
|
||||||
}
|
}
|
||||||
for (var i = 0; i < length; i++) {
|
|
||||||
if ($('#showPluginMethod').children()[i].Attr("class", "")) {
|
|
||||||
$('#showPluginMethod').children()[i].Attr("class", "hide");
|
|
||||||
}
|
}
|
||||||
}
|
loadMethodParams(behaviorData);
|
||||||
// 显示文档
|
|
||||||
if ($(behaviorData).Attr("class") == "hide") {
|
|
||||||
$(behaviorData).attr("class", "");
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
var methodParams = new Array();
|
var methodParams = new Array();
|
||||||
var fieldHTML = "";
|
|
||||||
var temp;
|
var temp;
|
||||||
function loadMethodParams(behaviorData) {
|
function loadMethodParams(behaviorData) {
|
||||||
var temp = behaviorData.split('.');
|
var temp = behaviorData.split('.');
|
||||||
var plugin = temp[0].split('_')[0];
|
var plugin = temp[0].split('_')[0];
|
||||||
var method = temp[1];
|
var method = temp[1];
|
||||||
|
var fieldHTML = "";
|
||||||
|
var documentHtml = "";
|
||||||
|
var boxHeader="";
|
||||||
|
|
||||||
$
|
$
|
||||||
.post(
|
.post(
|
||||||
|
@ -213,57 +230,265 @@ function loadMethodParams(behaviorData) {
|
||||||
alert(data.failedMessage);
|
alert(data.failedMessage);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
data = data.data;// Set<MethodParamModel>
|
data=data.data;
|
||||||
// methodParamSet
|
|
||||||
|
|
||||||
var boxHeader = "<div class='box-header well ' data-original-title>"
|
|
||||||
+ "<i class='icon-pencil' style='float:left'></i>"
|
|
||||||
+ "<h2>sample:<i>"
|
|
||||||
+ plugin
|
|
||||||
+ "."
|
|
||||||
+ method
|
|
||||||
+ "</i></h2><div class='box-icon'><a class='btn btn-setting btn-round'>"
|
|
||||||
+ "<i class='icon-plus'></i></a><a class='btn btn-round'><i class='icon-list'></i></a>"
|
|
||||||
+ "<a class='btn btn-minimize btn-round'><i class='icon-chevron-up'></i></a></div></div>";
|
|
||||||
|
|
||||||
for (var i = 0; i < data.length; i++) {
|
for (var i = 0; i < data.length; i++) {
|
||||||
methodParams.push(data[i]);
|
methodParams.push(data[i]);
|
||||||
}
|
}
|
||||||
for (var j = 0; j < methodParams.length; j++) {
|
for (var j = 0; j < methodParams.length; j++) {
|
||||||
var methodParamModel = new MethodParamModel(
|
var methodParamModel = new MethodParamModel(
|
||||||
methodParams[j].name,
|
methodParams[j].name,
|
||||||
methodParams[j].label,
|
methodParams[j].lable,
|
||||||
methodParams[j].paramTypeModel);
|
methodParams[j].paramTypeModel);
|
||||||
var paramTypeModel = methodParamModel.paramTypeModel;
|
var paramTypeModel = methodParamModel.paramTypeModel;
|
||||||
if (paramTypeModel.type == "field") {
|
if (paramTypeModel.type == "field") {
|
||||||
temp = createField(methodParamModel.label,
|
fieldHTML += createField(
|
||||||
|
methodParamModel.lable,
|
||||||
methodParamModel.name,
|
methodParamModel.name,
|
||||||
paramTypeModel.size);
|
paramTypeModel.size);
|
||||||
} else if (paramTypeModel.type == "MultiField") {
|
} else if (paramTypeModel.type == "multiField") {
|
||||||
temp = createMultiField(methodParamModel.label,
|
fieldHTML += createMultiField(
|
||||||
|
methodParamModel.lable,
|
||||||
methodParamModel.name,
|
methodParamModel.name,
|
||||||
paramTypeModel.size);
|
paramTypeModel.size);
|
||||||
} else if (paramTypeModel.type == "Table") {
|
} else if (paramTypeModel.type == "Table") {
|
||||||
temp = createTable(methodParamModel);
|
fieldHTML += createTable(methodParamModel);
|
||||||
} else if (paramTypeModel.type == "CheckBox") {
|
} else if (paramTypeModel.type == "CheckBox") {
|
||||||
temp = createTable(methodParamModel);
|
fieldHTML += createTable(methodParamModel);
|
||||||
}
|
}
|
||||||
fieldHTML += temp.innerHTML;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
var html = "<div id='"
|
boxHeader = "<div class='box-header well ' data-original-title> "
|
||||||
+ behaviorData
|
+ "<i class='icon-pencil' style='float:left'></i>"
|
||||||
+ "' class='hide'><div class='span10 showPluginDetails box'>"
|
+ "<h2>sample:<i>"
|
||||||
+ boxHeader
|
+ behaviorData
|
||||||
+ "<div class='box-content'>"
|
+ "</i></h2><div class='box-icon'><a class='btn btn-setting btn-round'>"
|
||||||
+ fieldHTML
|
+ "<i class='icon-plus'></i></a><a class='btn btn-round'><i class='icon-list'></i></a>"
|
||||||
+ "</div><button id='' type='submit' onClick='uploadBehavior(this);'></button></div></div>";
|
+ "<a class='btn btn-minimize btn-round'><i class='icon-chevron-up'></i></a></div></div>";
|
||||||
|
|
||||||
return html;
|
documentHtml = "<div id='"
|
||||||
|
+ behaviorData
|
||||||
|
+ "' class=''><p class='hide'>"
|
||||||
|
+ behaviorData
|
||||||
|
+ "</p><div class='span10 showPluginDetails box'>"
|
||||||
|
+ boxHeader
|
||||||
|
+ "<div class='box-content'>"
|
||||||
|
+ fieldHTML
|
||||||
|
+ "</div><div><button id='' type='submit' onClick='uploadBehavior(this);'>submit</button></div></div></div>";
|
||||||
|
|
||||||
|
document.getElementById("showPluginMethod").innerHTML += documentHtml;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 创建一个Table域
|
||||||
|
function createTable(methodParamModel) {
|
||||||
|
|
||||||
|
var name = methodParamModel.name;
|
||||||
|
var label = methodParamModel.label;
|
||||||
|
var table = methodParamModel.paramTypeModel;
|
||||||
|
var cols = table.cols;
|
||||||
|
var table_content = cols.split(table.valueSeperator);
|
||||||
|
/*
|
||||||
|
* var divNode = document.createElement("div"); var p =
|
||||||
|
* document.createElement("p"); var div = document.createElement("div"); var
|
||||||
|
* addCol = document.createElement("button"); var removeCol =
|
||||||
|
* document.createElement("button"); var tableNode =
|
||||||
|
* document.createElement("table"); var br1 = document.createElement("br");
|
||||||
|
* var br2 = document.createElement("br"); var labelNode =
|
||||||
|
* document.createTextNode(label); var nameNode =
|
||||||
|
* document.createTextNode(name);
|
||||||
|
*/
|
||||||
|
|
||||||
|
var th = document.createElement("th");
|
||||||
|
var tr_content = document.createElement("tr");
|
||||||
|
for (var i = 0; i < table_content.length; i++) {
|
||||||
|
var td = document.createElement("td");
|
||||||
|
var text = document.createTextNode(table_content[i]);
|
||||||
|
var td_content = document.createElement("td");
|
||||||
|
var text_content = document.createTextNode("");
|
||||||
|
|
||||||
|
td.appendChild(text);
|
||||||
|
th.appendChild(td);
|
||||||
|
td.appendChild(text_content);
|
||||||
|
tr_content.appendChild(td_content);
|
||||||
|
}
|
||||||
|
|
||||||
|
var tableHead = th.innerHTML + tr_content.innerHTML;
|
||||||
|
var tableHtml = "<div class='Table sample_frame'id="
|
||||||
|
+ name
|
||||||
|
+ "><p>"
|
||||||
|
+ label
|
||||||
|
+ "</p><div class='sample_sub_frame'>"
|
||||||
|
+ name
|
||||||
|
+ ":<br><button type='submit'onClick='addCol(this);'>addCol</button><button type='submit' onClick='removeCol(this);'>removeCol</button><br><table class='operateTableCols'>"
|
||||||
|
+ tableHead + "</table></div></div>";
|
||||||
|
/*
|
||||||
|
* // divNode.setAttribute("class","sample_frame");
|
||||||
|
* divNode.setAttribute("class", "Table"); divNode.setAttribute("id", name);
|
||||||
|
* div.setAttribute("class", "sample_sub_frame");
|
||||||
|
* addCol.setAttribute("type", "submit"); addCol.setAttribute("onClick",
|
||||||
|
* "addCol(this);");// 添加一行 tableNode.setAttribute("class",
|
||||||
|
* "operateTableCols");// 便于为该Table添加删除行 removeCol.setAttribute("type",
|
||||||
|
* "submit"); removeCol.setAttribute("onClick", "removeCol();");// 删除一行
|
||||||
|
*
|
||||||
|
* tableNode.appendChild(tr); tableNode.appendChild(tr_content);
|
||||||
|
* p.appendChild(labelNode); div.appendChild(nameNode + ":");
|
||||||
|
* div.appendChild(br1); div.appendChild(addCol);
|
||||||
|
* div.appendChild(removeCol); div.appendChild(br2);
|
||||||
|
* div.appendChild(tableNode); divNode.appendChild(p);
|
||||||
|
* divNode.appendChild(div);
|
||||||
|
*
|
||||||
|
* return divNode;
|
||||||
|
*/
|
||||||
|
return tableHtml;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function addCol(selectedNode) {
|
||||||
|
var table = selectedNode.nextSibling.nextSibling.nextSibling;
|
||||||
|
var length = $(table).find("th").find("td").length;
|
||||||
|
var tr = document.createElement("tr");
|
||||||
|
for (var i = 0; i < length; i++) {
|
||||||
|
var td = document.createElement("td");
|
||||||
|
var text = document.createTextNode("");
|
||||||
|
td.appendChild(text);
|
||||||
|
tr.appendChild(td);
|
||||||
|
}
|
||||||
|
table.appendChild(tr);
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeCol(selectedNode) {
|
||||||
|
var table = selectedNode.nextSibling.nextSibling;
|
||||||
|
var removeNode = table.lastChild;
|
||||||
|
table.removeChild(removeNode);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 创建一个CheckBox域
|
||||||
|
function createCheckBox(methodParamModel) {
|
||||||
|
var name = methodParamModel.name;
|
||||||
|
var label = methodParamModel.label;
|
||||||
|
var checkBox = methodParamModel.paramTypeModel;
|
||||||
|
var rows = checkBox.rows;
|
||||||
|
var cb_content = rows.split(checkBox.valueSeperator);
|
||||||
|
|
||||||
|
var divNode = document.createElement("div");
|
||||||
|
var p = document.createElement("p");
|
||||||
|
var div = document.createElement("div");
|
||||||
|
var br = document.createElement("br");
|
||||||
|
var labelNode = document.createTextNode(label);
|
||||||
|
var nameNode = document.createTextNode(name);
|
||||||
|
|
||||||
|
// divNode.setAttribute("class","sample_frame");
|
||||||
|
divNode.setAttribute("class", "CheckBox sample_frame");
|
||||||
|
divNode.setAttribute("id", name);
|
||||||
|
div.setAttribute("class", "sample_sub_frame");
|
||||||
|
p.appendChild(labelNode);
|
||||||
|
div.appendChild(nameNode + ":");
|
||||||
|
div.appendChild(br);
|
||||||
|
for (var i = 0; i < cb_content.length; i++) {
|
||||||
|
var checkBoxNode = document.createElement("input");
|
||||||
|
checkBoxNode.setAttribute("type", "checkbox");
|
||||||
|
checkBoxNode.setAttribute("name", "checkbox_" + name);
|
||||||
|
checkBoxNode.setAttribute("value", cb_content[i]);
|
||||||
|
var checkBoxValue = document.createTextNode(cb_content[i]);
|
||||||
|
|
||||||
|
checkBoxNode.appendChild(checkBoxValue);
|
||||||
|
div.appendChild(checkBoxNode);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
divNode.appendChild(p);
|
||||||
|
divNode.appendChild(div);
|
||||||
|
|
||||||
|
return divNode.innerHTML;
|
||||||
|
|
||||||
|
}
|
||||||
|
// 创建一个label加一个input的域
|
||||||
|
function createField(label, name, size) {
|
||||||
|
|
||||||
|
// document.write(label+","+name+","+size);
|
||||||
|
if (size == 0) {
|
||||||
|
size = 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
var fieldHTML = "<div class='Field sample_frame' id='" + name + "'><p>" + label
|
||||||
|
+ "</p><div class='sample_sub_frame'>" + name
|
||||||
|
+ ":<input type='text' size=" + size + " id='" + name
|
||||||
|
+ "_input' value=''></input></div></div>";
|
||||||
|
return fieldHTML;
|
||||||
|
|
||||||
|
}
|
||||||
|
// 创建一个可以增加field的域
|
||||||
|
function createMultiField(label, name, size) {
|
||||||
|
if (size == 0) {
|
||||||
|
size = 20;
|
||||||
|
}
|
||||||
|
var multiFieldHTML = "<div class='MultiField sample_frame' id='"
|
||||||
|
+ name
|
||||||
|
+ "'><p>"
|
||||||
|
+ name
|
||||||
|
+ ":"
|
||||||
|
+ label
|
||||||
|
+ "</p><div class='sample_sub_frame'><button type='submit' onClick='addField("
|
||||||
|
+ size
|
||||||
|
+ ");'>Add Field</button><button type='submit' onClick='removeField();'>RemoveAll</button><br><table id='addFieldTable'></table></div></div>";
|
||||||
|
|
||||||
|
return multiFieldHTML;
|
||||||
|
}
|
||||||
|
|
||||||
|
var field = 0;
|
||||||
|
function addField(size) {
|
||||||
|
var data = "field_" + field + ":";
|
||||||
|
field = field + 1;
|
||||||
|
var newTrNode = document.createElement("tr");
|
||||||
|
var newTdNode1 = document.createElement("td");
|
||||||
|
var newTdNode2 = document.createElement("td");
|
||||||
|
var newTdNode3 = document.createElement("td");
|
||||||
|
var i = document.createElement("i");
|
||||||
|
i.setAttribute("class", "icon-trash");
|
||||||
|
i.setAttribute("style", "cursor:pointer");
|
||||||
|
i.setAttribute("onClick", "deleteField(this)");
|
||||||
|
newTdNode1.setAttribute("style", "width:40px;cursor:pointer;");
|
||||||
|
newTdNode1.setAttribute("class", data);
|
||||||
|
newTdNode2.setAttribute("style", "width:40px;");
|
||||||
|
var textNode = document.createTextNode(data);
|
||||||
|
var inputNode = document.createElement("input");
|
||||||
|
inputNode.setAttribute("type", "text");
|
||||||
|
inputNode.setAttribute("size", size);
|
||||||
|
|
||||||
|
newTdNode1.appendChild(textNode);
|
||||||
|
newTdNode2.appendChild(inputNode);
|
||||||
|
newTdNode3.appendChild(i);
|
||||||
|
newTrNode.appendChild(newTdNode1);
|
||||||
|
newTrNode.appendChild(newTdNode2);
|
||||||
|
newTrNode.appendChild(newTdNode3);
|
||||||
|
document.getElementById("addFieldTable").appendChild(newTrNode);
|
||||||
|
}
|
||||||
|
function deleteField(selectedNode) {
|
||||||
|
var deletedNode = selectedNode.parentNode.parentNode;
|
||||||
|
var parentNode = deletedNode.parentNode;
|
||||||
|
parentNode.removeChild(deletedNode);
|
||||||
|
}
|
||||||
|
function removeField() {
|
||||||
|
$('#addFieldTable').empty();
|
||||||
|
}
|
||||||
|
|
||||||
|
$('#removeAllPlugin').click(function() {
|
||||||
|
document.getElementById('pluginArea').innerHTML = "";
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#pluginCancel').click(function() {
|
||||||
|
$('#myModal_Plugin').modal('hide');
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#behaviorFinish').click(function() {
|
||||||
|
$('#myModal_Behavior').modal('hide');
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#behaviorCancel').click(function() {
|
||||||
|
$('#myModal_Behavior').modal('hide');
|
||||||
|
});
|
||||||
|
|
||||||
function uploadBehavior(selectNode) {
|
function uploadBehavior(selectNode) {
|
||||||
var uploadNode = selectNode.parentNode.parentNode;
|
var uploadNode = selectNode.parentNode.parentNode;
|
||||||
var tableNum = 0;
|
var tableNum = 0;
|
||||||
|
@ -347,248 +572,3 @@ function upload(uploadBehavior) {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// 创建一个Table域
|
|
||||||
function createTable(methodParamModel) {
|
|
||||||
|
|
||||||
var name = methodParamModel.name;
|
|
||||||
var label = methodParamModel.label;
|
|
||||||
var table = methodParamModel.paramTypeModel;
|
|
||||||
var cols = table.cols;
|
|
||||||
var table_content = cols.split(table.valueSeperator);
|
|
||||||
/*
|
|
||||||
* var divNode = document.createElement("div"); var p =
|
|
||||||
* document.createElement("p"); var div = document.createElement("div"); var
|
|
||||||
* addCol = document.createElement("button"); var removeCol =
|
|
||||||
* document.createElement("button"); var tableNode =
|
|
||||||
* document.createElement("table"); var br1 = document.createElement("br");
|
|
||||||
* var br2 = document.createElement("br"); var labelNode =
|
|
||||||
* document.createTextNode(label); var nameNode =
|
|
||||||
* document.createTextNode(name);
|
|
||||||
*/
|
|
||||||
|
|
||||||
var th = document.createElement("th");
|
|
||||||
var tr_content = document.createElement("tr");
|
|
||||||
for (var i = 0; i < table_content.length; i++) {
|
|
||||||
var td = document.createElement("td");
|
|
||||||
var text = document.createTextNode(table_content[i]);
|
|
||||||
var td_content = document.createElement("td");
|
|
||||||
var text_content = document.createTextNode("");
|
|
||||||
|
|
||||||
td.appendChild(text);
|
|
||||||
th.appendChild(td);
|
|
||||||
td.appendChild(text_content);
|
|
||||||
tr_content.appendChild(td_content);
|
|
||||||
}
|
|
||||||
|
|
||||||
var tableHead = th.innerHTML + tr_content.innerHTML;
|
|
||||||
var tableHtml = "<div class='Table'id="
|
|
||||||
+ name
|
|
||||||
+ "><p>"
|
|
||||||
+ label
|
|
||||||
+ "</p><div class='sample_sub_frame'>"
|
|
||||||
+ name
|
|
||||||
+ ":<br><button type='submit'onClick='addCol(this);'>addCol</button><button type='submit' onClick='removeCol(this);'>removeCol</button><br><table class='operateTableCols'>"
|
|
||||||
+ tableHead + "</table></div></div>";
|
|
||||||
/*
|
|
||||||
* // divNode.setAttribute("class","sample_frame");
|
|
||||||
* divNode.setAttribute("class", "Table"); divNode.setAttribute("id", name);
|
|
||||||
* div.setAttribute("class", "sample_sub_frame");
|
|
||||||
* addCol.setAttribute("type", "submit"); addCol.setAttribute("onClick",
|
|
||||||
* "addCol(this);");// 添加一行 tableNode.setAttribute("class",
|
|
||||||
* "operateTableCols");// 便于为该Table添加删除行 removeCol.setAttribute("type",
|
|
||||||
* "submit"); removeCol.setAttribute("onClick", "removeCol();");// 删除一行
|
|
||||||
*
|
|
||||||
* tableNode.appendChild(tr); tableNode.appendChild(tr_content);
|
|
||||||
* p.appendChild(labelNode); div.appendChild(nameNode + ":");
|
|
||||||
* div.appendChild(br1); div.appendChild(addCol);
|
|
||||||
* div.appendChild(removeCol); div.appendChild(br2);
|
|
||||||
* div.appendChild(tableNode); divNode.appendChild(p);
|
|
||||||
* divNode.appendChild(div);
|
|
||||||
*
|
|
||||||
* return divNode;
|
|
||||||
*/
|
|
||||||
return tableHtml;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function addCol(selectedNode) {
|
|
||||||
var table = selectedNode.nextSibling.nextSibling.nextSibling;
|
|
||||||
var length = $(table).find("th").find("td").length;
|
|
||||||
var tr = document.createElement("tr");
|
|
||||||
for (var i = 0; i < length; i++) {
|
|
||||||
var td = document.createElement("td");
|
|
||||||
var text = document.createTextNode("");
|
|
||||||
td.appendChild(text);
|
|
||||||
tr.appendChild(td);
|
|
||||||
}
|
|
||||||
table.appendChild(tr);
|
|
||||||
}
|
|
||||||
|
|
||||||
function removeCol(selectedNode) {
|
|
||||||
var table = selectedNode.nextSibling.nextSibling;
|
|
||||||
var removeNode = table.lastChild;
|
|
||||||
table.removeChild(removeNode);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 创建一个CheckBox域
|
|
||||||
function createCheckBox(methodParamModel) {
|
|
||||||
var name = methodParamModel.name;
|
|
||||||
var label = methodParamModel.label;
|
|
||||||
var checkBox = methodParamModel.paramTypeModel;
|
|
||||||
var rows = checkBox.rows;
|
|
||||||
var cb_content = rows.split(checkBox.valueSeperator);
|
|
||||||
|
|
||||||
var divNode = document.createElement("div");
|
|
||||||
var p = document.createElement("p");
|
|
||||||
var div = document.createElement("div");
|
|
||||||
var br = document.createElement("br");
|
|
||||||
var labelNode = document.createTextNode(label);
|
|
||||||
var nameNode = document.createTextNode(name);
|
|
||||||
|
|
||||||
// divNode.setAttribute("class","sample_frame");
|
|
||||||
divNode.setAttribute("class", "CheckBox");
|
|
||||||
divNode.setAttribute("id", name);
|
|
||||||
div.setAttribute("class", "sample_sub_frame");
|
|
||||||
p.appendChild(labelNode);
|
|
||||||
div.appendChild(nameNode + ":");
|
|
||||||
div.appendChild(br);
|
|
||||||
for (var i = 0; i < cb_content.length; i++) {
|
|
||||||
var checkBoxNode = document.createElement("input");
|
|
||||||
checkBoxNode.setAttribute("type", "checkbox");
|
|
||||||
checkBoxNode.setAttribute("name", "checkbox_" + name);
|
|
||||||
checkBoxNode.setAttribute("value", cb_content[i]);
|
|
||||||
var checkBoxValue = document.createTextNode(cb_content[i]);
|
|
||||||
|
|
||||||
checkBoxNode.appendChild(checkBoxValue);
|
|
||||||
div.appendChild(checkBoxNode);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
divNode.appendChild(p);
|
|
||||||
divNode.appendChild(div);
|
|
||||||
|
|
||||||
return divNode;
|
|
||||||
|
|
||||||
}
|
|
||||||
// 创建一个label加一个input的域
|
|
||||||
function createField(label, name, size) {
|
|
||||||
if (size == null) {
|
|
||||||
size = 20;
|
|
||||||
}
|
|
||||||
var divNode = document.createElement("div");
|
|
||||||
var p = document.createElement("p");
|
|
||||||
var div = document.createElement("div");
|
|
||||||
var input = document.createElement("input");
|
|
||||||
var labelNode = document.createTextNode(label);
|
|
||||||
var nameNode = document.createTextNode(name);
|
|
||||||
|
|
||||||
// divNode.setAttribute("class","sample_frame");
|
|
||||||
divNode.setAttribute("class", "Field");
|
|
||||||
divNode.setAttribute("id", name);
|
|
||||||
div.setAttribute("class", "sample_sub_frame");
|
|
||||||
input.setAttribute("type", "text");
|
|
||||||
input.setAttribute("size", size);
|
|
||||||
input.setAttribute("id", name + "_input");
|
|
||||||
input.setAttribute("value", "");
|
|
||||||
|
|
||||||
p.appendChild(labelNode);
|
|
||||||
div.appendChild(nameNode + ":");
|
|
||||||
div.appendChild(input);
|
|
||||||
divNode.appendChild(p);
|
|
||||||
divNode.appendChild(div);
|
|
||||||
|
|
||||||
return divNode;
|
|
||||||
|
|
||||||
}
|
|
||||||
// 创建一个可以增加field的域
|
|
||||||
function createMultiField(label, name, size) {
|
|
||||||
if (size == null) {
|
|
||||||
size = 20;
|
|
||||||
}
|
|
||||||
var divNode = document.createElement("div");
|
|
||||||
var p = document.createElement("p");
|
|
||||||
var div = document.createElement("div");
|
|
||||||
var addField = document.createElement("button");
|
|
||||||
var removeField = document.createElement("button");
|
|
||||||
var br = document.createElement("br");
|
|
||||||
var table = document.createElement("table");
|
|
||||||
var labelNode = document.createTextNode(name + ":" + label);
|
|
||||||
var addTextNode = document.createTextNode("Add Field");
|
|
||||||
var removeTextNode = document.createTextNode("RemoveAll");
|
|
||||||
|
|
||||||
divNode.setAttribute("class", "MultiField");
|
|
||||||
divNode.setAttribute("id", name);
|
|
||||||
div.setAttribute("class", "sample_sub_frame");
|
|
||||||
addField.setAttribute("type", "submit");
|
|
||||||
addField.setAttribute("onClick", "addField(" + size + ");");
|
|
||||||
removeField.setAttribute("type", "submit");
|
|
||||||
removeField.setAttribute("onClick", "removeField();");
|
|
||||||
table.setAttribute("id", "addFieldTable");
|
|
||||||
|
|
||||||
p.appendChild(labelNode);
|
|
||||||
addField.appendChild(addTextNode);
|
|
||||||
removeField.appendChild(removeTextNode);
|
|
||||||
div.appendChild(addField);
|
|
||||||
div.appendChild(removeField);
|
|
||||||
div.appendChild(br);
|
|
||||||
div.appendChild(table);
|
|
||||||
divNode.appendChild(p);
|
|
||||||
divNode.appendChild(div);
|
|
||||||
|
|
||||||
return divNode;
|
|
||||||
}
|
|
||||||
|
|
||||||
function addField(size) {
|
|
||||||
|
|
||||||
var field = 0;
|
|
||||||
var data = "field_" + field + ":";
|
|
||||||
field = field + 1;
|
|
||||||
var newTrNode = document.createElement("tr");
|
|
||||||
var newTdNode1 = document.createElement("td");
|
|
||||||
var newTdNode2 = document.createElement("td");
|
|
||||||
var newTdNode3 = document.createElement("td");
|
|
||||||
var i = document.createElement("i");
|
|
||||||
i.setAttribute("class", "icon-trash");
|
|
||||||
i.setAttribute("style", "cursor:pointer");
|
|
||||||
i.setAttribute("onClick", "deleteField(this)");
|
|
||||||
newTdNode1.setAttribute("style", "width:40px;cursor:pointer;");
|
|
||||||
newTdNode1.setAttribute("class", data);
|
|
||||||
newTdNode2.setAttribute("style", "width:40px;");
|
|
||||||
var textNode = document.createTextNode(data);
|
|
||||||
var inputNode = document.createElement("input");
|
|
||||||
inputNode.setAttribute("type", "text");
|
|
||||||
inputNode.setAttribute("size", size);
|
|
||||||
|
|
||||||
newTdNode1.appendChild(textNode);
|
|
||||||
newTdNode2.appendChild(inputNode);
|
|
||||||
newTdNode3.appendChild(i);
|
|
||||||
newTrNode.appendChild(newTdNode1);
|
|
||||||
newTrNode.appendChild(newTdNode2);
|
|
||||||
newTrNode.appendChild(newTdNode3);
|
|
||||||
document.getElementById("addFieldTable").appendChild(newTrNode);
|
|
||||||
}
|
|
||||||
function deleteField(selectedNode) {
|
|
||||||
var deletedNode = selectedNode.parentNode.parentNode;
|
|
||||||
var parentNode = deletedNode.parentNode;
|
|
||||||
parentNode.removeChild(deletedNode);
|
|
||||||
}
|
|
||||||
function removeField() {
|
|
||||||
$('#addFieldTable').empty();
|
|
||||||
}
|
|
||||||
|
|
||||||
$('#removeAllPlugin').click(function() {
|
|
||||||
document.getElementById('pluginArea').innerHTML = "";
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#pluginCancel').click(function() {
|
|
||||||
$('#myModal_Plugin').modal('hide');
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#behaviorFinish').click(function() {
|
|
||||||
$('#myModal_Behavior').modal('hide');
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#behaviorCancel').click(function() {
|
|
||||||
$('#myModal_Behavior').modal('hide');
|
|
||||||
});
|
|
||||||
|
|
|
@ -1,14 +1,17 @@
|
||||||
// 创建一个MethodParamModel对象
|
// 创建一个MethodParamModel对象
|
||||||
function MethodParamModel(name, label, paramTypeModel) {
|
function MethodParamModel(name, lable, paramTypeModel) {
|
||||||
this.name = name;
|
this.name = name;
|
||||||
this.label = label;
|
this.lable = lable;
|
||||||
this.paramTypeModel = paramTypeModel;
|
this.paramTypeModel = paramTypeModel;
|
||||||
}
|
}
|
||||||
// 创建一个ParamTypeModel对象
|
// 创建一个ParamTypeModel对象
|
||||||
function ParamTypeModel(type, valueSeperator, fieldSeperator) {
|
function ParamTypeModel(type, valueSeperator, fieldSeperator, size, rows, cols) {
|
||||||
this.type = type;
|
this.type = type;
|
||||||
this.valueSeperator = valueSeperator;
|
this.valueSeperator = valueSeperator;
|
||||||
this.fieldSeparator = fieldSeperator;
|
this.fieldSeparator = fieldSeperator;
|
||||||
|
this.size = size;
|
||||||
|
this.rows = rows;
|
||||||
|
this.cols = cols;
|
||||||
}
|
}
|
||||||
// 创建一个Field对象
|
// 创建一个Field对象
|
||||||
function Field(size, type, valueSeperator, fieldSeperator) {
|
function Field(size, type, valueSeperator, fieldSeperator) {
|
||||||
|
|
Loading…
Reference in New Issue