增加table属性新打开方式
This commit is contained in:
yujh
parent
b0c88e20d3
commit
f011b4c62d
@ -888,10 +888,137 @@ function openTextareaDialog(obj, title,id) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 打开文件属性表格弹框
|
|
||||||
|
|
||||||
function showTableDialog(obj,value,id) {
|
function showTableDialog(obj,value,id){
|
||||||
|
let tableRef = JSON.parse($(obj).attr('ref'))
|
||||||
|
//先判断是否包含第三列第四列
|
||||||
|
if(tableRef.threeColumn ===""){
|
||||||
|
showTableDialog_open(obj,value,id);
|
||||||
|
}else{
|
||||||
|
showTableDialog_open_new(obj,value,id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 打开文件属性表格弹框 (三列形式)
|
||||||
|
function showTableDialog_open_new(obj,value,id) {
|
||||||
|
let tableRef = JSON.parse($(obj).attr('ref'))
|
||||||
|
let tableName = $(obj).attr('tableTitle')
|
||||||
|
let tableList = []
|
||||||
|
if (JSON.stringify(value) == '{}') {
|
||||||
|
tableList = [
|
||||||
|
{ id: 'table_head' ,firstColumn: tableRef.firstColumn, secondColumn: tableRef.secondColumn,threeColumn:tableRef.threeColumn,fourColumn:tableRef.fourColumn}
|
||||||
|
]
|
||||||
|
} else {
|
||||||
|
tableList = value.table
|
||||||
|
tableList[0] = { id: 'table_head' ,firstColumn: tableRef.firstColumn, secondColumn: tableRef.secondColumn,threeColumn:tableRef.threeColumn,fourColumn:tableRef.fourColumn}
|
||||||
|
}
|
||||||
|
parent.operateList = tableList
|
||||||
|
var thead =
|
||||||
|
'<tr id="' + tableList[0].id + '" class="nodrop nodrag">'
|
||||||
|
+ '<td style="width: 80px;" class="dialogTableHead">拖拽操作</td>'
|
||||||
|
+ '<td style="width: 100px;" class="dialogTableHead">'
|
||||||
|
+ tableList[0].firstColumn
|
||||||
|
+ '</td>'
|
||||||
|
+ '<td style="width: 270px;" class="dialogTableHead">'
|
||||||
|
+ tableList[0].secondColumn
|
||||||
|
+ '</td>'
|
||||||
|
+ '<td style="width: 100px;" class="dialogTableHead">'
|
||||||
|
+ tableList[0].threeColumn
|
||||||
|
+ '</td>'
|
||||||
|
+ '<td style="width: 270px;" class="dialogTableHead">'
|
||||||
|
+ tableList[0].fourColumn
|
||||||
|
+ '</td>'
|
||||||
|
+ '<td style="width: 80px;" class="dialogTableHead">操作</td>'
|
||||||
|
+ '</tr>'
|
||||||
|
if (parent.isParentShow) {
|
||||||
|
parent.$('#attribute-table-content1').empty()
|
||||||
|
parent.$('#attribute-add-content1').empty()
|
||||||
|
parent.$('#attribute-table-content1').append(thead)
|
||||||
|
for ( let i = 1; i < tableList.length; i++) {
|
||||||
|
let str =
|
||||||
|
'<tr id="' + tableList[i].id + '">'
|
||||||
|
+ '<td style="width: 80px;text-align: center;"><i class="awsui-iconfont"></i></td>'
|
||||||
|
+ '<td style="width: 100px;">'
|
||||||
|
+ '<textarea type="textarea" rows="5" class="dialog_table_input_css" value="' + tableList[i].firstColumn + '">' + tableList[i].firstColumn + '</textarea>'
|
||||||
|
+ '</td>'
|
||||||
|
+ '<td style="width: 270px;">'
|
||||||
|
+ '<textarea type="textarea" rows="5" class="dialog_table_input_css" value="' + tableList[i].secondColumn + '">' + tableList[i].secondColumn + '</textarea>'
|
||||||
|
+ '</td>'
|
||||||
|
+ '<td style="width: 100px;">'
|
||||||
|
+ '<textarea type="textarea" rows="5" class="dialog_table_input_css" value="' + tableList[i].threeColumn + '">' + tableList[i].threeColumn + '</textarea>'
|
||||||
|
+ '</td>'
|
||||||
|
+ '<td style="width: 270px;">'
|
||||||
|
+ '<textarea type="textarea" rows="5" class="dialog_table_input_css" value="' + tableList[i].fourColumn + '">' + tableList[i].fourColumn + '</textarea>'
|
||||||
|
+ '</td>'
|
||||||
|
+ '<td style="width: 80px;text-align: center;" class="dialogTableDelete" onclick="removeTr(this)">删除</td>'
|
||||||
|
+'</tr>'
|
||||||
|
parent.$('#attribute-table-content1').append(str)
|
||||||
|
}
|
||||||
|
parent.$('#attribute-add-content1').append('<button onclick="addTr_new()">新增</button>')
|
||||||
|
parent.$("#attribute-table-window1").dialog({
|
||||||
|
draggable: true,
|
||||||
|
title: tableName,
|
||||||
|
buttons : [{
|
||||||
|
text : '确定',
|
||||||
|
cls : "blue",
|
||||||
|
handler : function() {
|
||||||
|
// let name = parent.$("#attribute-title-content1").val()
|
||||||
|
// $("#" + id).val(name)
|
||||||
|
let inputs = parent.$('#attribute-table-content1').find('textarea')
|
||||||
|
for (let i = 1; i < parent.operateList.length; i++) {
|
||||||
|
parent.operateList[i].firstColumn = inputs[4*(i-1)].value
|
||||||
|
parent.operateList[i].secondColumn = inputs[4*(i-1) + 1].value
|
||||||
|
parent.operateList[i].threeColumn = inputs[4*(i-1) + 2].value
|
||||||
|
parent.operateList[i].fourColumn = inputs[4*(i-1) + 3].value
|
||||||
|
}
|
||||||
|
let value = {
|
||||||
|
name: tableName,
|
||||||
|
table: parent.operateList
|
||||||
|
}
|
||||||
|
if(value.table.some(item => item.name == '') || value.table.some(item => item.desc == '')) { // 表格存在空值
|
||||||
|
$.simpleAlert("表格内容不能存在空值",'warning')
|
||||||
|
} else {
|
||||||
|
saveDialogTableValue(value,id,obj)
|
||||||
|
}
|
||||||
|
parent.$("#attribute-table-window1").dialog("close");
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
text : '取消',
|
||||||
|
handler : function() {
|
||||||
|
parent.$("#attribute-table-window1").dialog("close");
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
|
||||||
|
}
|
||||||
|
parent.$("#table").tableDnD({
|
||||||
|
//滚动的速度
|
||||||
|
scrollAmount:10,
|
||||||
|
onDragClass:'highlight',
|
||||||
|
//当拖动排序完成后
|
||||||
|
onDrop: function(table,row) {
|
||||||
|
//获取id为table的元素
|
||||||
|
var table = parent.document.getElementById("table");
|
||||||
|
//获取table元素所包含的tr元素集合
|
||||||
|
var tr = table.getElementsByTagName("tr");
|
||||||
|
//遍历所有的tr
|
||||||
|
for (var i = 0; i < tr.length; i++) {
|
||||||
|
//获取拖动排序结束后新表格中，row id的结果
|
||||||
|
var rowid = tr[i].getAttribute("id");
|
||||||
|
//console.log("排序完成后表格的第 " + (i+1) + " 行id为 : " + rowid);
|
||||||
|
}
|
||||||
|
//console.log( $('#table').tableDnDSerialize());
|
||||||
|
},
|
||||||
|
onDragStart:function(table,row){
|
||||||
|
//console.log(row.id);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 打开文件属性表格弹框 (两列形式)
|
||||||
|
function showTableDialog_open(obj,value,id) {
|
||||||
let tableRef = JSON.parse($(obj).attr('ref'))
|
let tableRef = JSON.parse($(obj).attr('ref'))
|
||||||
let tableName = $(obj).attr('tableTitle')
|
let tableName = $(obj).attr('tableTitle')
|
||||||
let tableList = []
|
let tableList = []
|
||||||
@ -1006,9 +1133,6 @@ function addTr() {
|
|||||||
+ '</tr>'
|
+ '</tr>'
|
||||||
operateList.push({ id: newTrId ,name: '',desc: ''})
|
operateList.push({ id: newTrId ,name: '',desc: ''})
|
||||||
$('#attribute-table-content1').append(defaultStr)
|
$('#attribute-table-content1').append(defaultStr)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
parent.$("#table").tableDnD({
|
parent.$("#table").tableDnD({
|
||||||
//滚动的速度
|
//滚动的速度
|
||||||
scrollAmount:10,
|
scrollAmount:10,
|
||||||
@ -1031,7 +1155,43 @@ function addTr() {
|
|||||||
console.log(row.id);
|
console.log(row.id);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function addTr_new() {
|
||||||
|
let newTrId = Date.now().toString(36)
|
||||||
|
let defaultStr =
|
||||||
|
' <tr id="'+ newTrId + '">'
|
||||||
|
+ '<td style="width: 80px;text-align: center"><i class="awsui-iconfont"></i></td>'
|
||||||
|
+ '<td style="width: 100px;"><textarea type="textarea" rows="5" class="dialog_table_input_css" value=""></textarea></td>'
|
||||||
|
+ '<td style="width: 270px;"><textarea type="textarea" rows="5" class="dialog_table_input_css" value=""></textarea></td>'
|
||||||
|
+ '<td style="width: 100px;"><textarea type="textarea" rows="5" class="dialog_table_input_css" value=""></textarea></td>'
|
||||||
|
+ '<td style="width: 270px;"><textarea type="textarea" rows="5" class="dialog_table_input_css" value=""></textarea></td>'
|
||||||
|
+ '<td style="width: 80px;text-align: center" class="dialogTableDelete" onclick="removeTr(this)">删除</td>'
|
||||||
|
+ '</tr>'
|
||||||
|
operateList.push({ id: newTrId ,firstColumn: '',secondColumn: '',threeColumn:'',fourColumn:''})
|
||||||
|
$('#attribute-table-content1').append(defaultStr)
|
||||||
|
parent.$("#table").tableDnD({
|
||||||
|
//滚动的速度
|
||||||
|
scrollAmount:10,
|
||||||
|
onDragClass:'highlight',
|
||||||
|
//当拖动排序完成后
|
||||||
|
onDrop: function(table,row) {
|
||||||
|
//获取id为table的元素
|
||||||
|
var table = parent.document.getElementById("table");
|
||||||
|
//获取table元素所包含的tr元素集合
|
||||||
|
var tr = table.getElementsByTagName("tr");
|
||||||
|
//遍历所有的tr
|
||||||
|
for (var i = 0; i < tr.length; i++) {
|
||||||
|
//获取拖动排序结束后新表格中，row id的结果
|
||||||
|
var rowid = tr[i].getAttribute("id");
|
||||||
|
//console.log("排序完成后表格的第 " + (i+1) + " 行id为 : " + rowid);
|
||||||
|
}
|
||||||
|
//console.log( $('#table').tableDnDSerialize());
|
||||||
|
},
|
||||||
|
onDragStart:function(table,row){
|
||||||
|
console.log(row.id);
|
||||||
|
},
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function removeTr(obj) {
|
function removeTr(obj) {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user