Skip to content

T
TrainSys
提交 d10170b1 编写于 作者: ibizdev's avatar ibizdev
浏览文件
操作

tony001 发布系统代码 [TrainSys，网页端]

上级 c7feb46c
显示空白字符变更
内嵌 并排
正在显示 包含 4 行增加 和 1207 行删除
trainsys-core/src/main/resources/model/cn/ibizlab/trainsys/PSSYSAPPS/TemplatePublish/PSAPPDEVIEWS/bookUsr08126702EditView.json
浏览文件 @ d10170b1
......@@ -129,560 +129,6 @@
} ]
} ],
"predefinedType" : "VIEWHEADER"
}, {
"caption" : "按钮组",
"itemStyle" : "DEFAULT",
"itemType" : "BUTTONLIST",
"name" : "buttonlist",
"getPSLayoutPos" : {
"grow" : -1,
"layout" : "FLEX"
},
"getPSUIActionGroup" : {
"codeName" : "Usr0803774731",
"name" : "门户界面行为组",
"getPSUIActionGroupDetails" : [ {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"detailType" : "DEUIACTION",
"name" : "u71a8bd4",
"getPSSysCss" : {
"cssName" : "crm-editview2-head"
},
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"getPSUIAction" : {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"codeName" : "New",
"fullCodeName" : "New",
"name" : "表格界面_新建操作",
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"predefinedType" : "GRIDVIEW_NEWACTION",
"refreshMode" : 1,
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"uIActionMode" : "SYS",
"uIActionTag" : "New",
"uIActionType" : "DEUIACTION",
"reloadData" : true
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"detailType" : "DEUIACTION",
"name" : "uea72408",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"getPSUIAction" : {
"actionTarget" : "SINGLEKEY",
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"codeName" : "Edit",
"fullCodeName" : "Edit",
"name" : "表格界面_编辑操作_危险样式",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"predefinedType" : "GRIDVIEW_EDITACTION",
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"uIActionMode" : "SYS",
"uIActionTag" : "Edit",
"uIActionType" : "DEUIACTION"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "WARNING",
"caption" : "百度",
"detailType" : "DEUIACTION",
"name" : "ubae97f0",
"getPSUIAction" : {
"actionTarget" : "NONE",
"buttonStyle" : "WARNING",
"caption" : "百度",
"codeName" : "openBaidu",
"counterId" : "openBaidu",
"frontProcessType" : "OPENHTMLPAGE",
"fullCodeName" : "openBaidu",
"htmlPageUrl" : "https://www.baidu.com/",
"name" : "百度_警告样式",
"getPSAppCounter" : {
"modelref" : true,
"path" : "PSSYSAPPS/TemplatePublish/PSAPPCOUNTERS/UIActionCounter.json"
},
"uIActionMode" : "FRONT",
"uIActionTag" : "openBaidu",
"uIActionType" : "DEUIACTION"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"detailType" : "DEUIACTION",
"name" : "uee0dcd7",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"getPSUIAction" : {
"actionTarget" : "MULTIKEY",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"codeName" : "Remove",
"fullCodeName" : "Remove",
"name" : "表格界面_删除操作",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"predefinedType" : "GRIDVIEW_REMOVEACTION",
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"uIActionMode" : "SYS",
"uIActionTag" : "Remove",
"uIActionType" : "DEUIACTION"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"detailType" : "DEUIACTION",
"name" : "u160e609",
"getPSUIAction" : {
"actionTarget" : "NONE",
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"codeName" : "TreePickerCancel",
"frontProcessType" : "OTHER",
"fullCodeName" : "TreePickerCancel",
"name" : "树选择取消_成功样式",
"scriptCode" : "console.log('树选择取消');\r\nconst form = view.ctx.controllersMap.get('form');\r\nif (form) {\r\n const treePicker = form.details['field24'];\r\n if (treePicker && treePicker.state) treePicker.state.readonly = true;\r\n}",
"uIActionMode" : "FRONT",
"uIActionTag" : "TreePickerCancel",
"uIActionType" : "DEUIACTION"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
} ]
}
}, {
"actionGroupExtractMode" : "ITEMS",
"caption" : "按钮组",
"itemStyle" : "DEFAULT",
"itemType" : "BUTTONLIST",
"name" : "buttonlist2",
"getPSLayoutPos" : {
"grow" : -1,
"layout" : "FLEX"
},
"getPSUIActionGroup" : {
"codeName" : "Usr0803774731",
"name" : "门户界面行为组",
"getPSUIActionGroupDetails" : [ {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"detailType" : "DEUIACTION",
"name" : "u71a8bd4",
"getPSSysCss" : {
"cssName" : "crm-editview2-head"
},
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"getPSUIAction" : {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"codeName" : "New",
"fullCodeName" : "New",
"name" : "表格界面_新建操作",
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"predefinedType" : "GRIDVIEW_NEWACTION",
"refreshMode" : 1,
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"uIActionMode" : "SYS",
"uIActionTag" : "New",
"uIActionType" : "DEUIACTION",
"reloadData" : true
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"detailType" : "DEUIACTION",
"name" : "uea72408",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"getPSUIAction" : {
"actionTarget" : "SINGLEKEY",
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"codeName" : "Edit",
"fullCodeName" : "Edit",
"name" : "表格界面_编辑操作_危险样式",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"predefinedType" : "GRIDVIEW_EDITACTION",
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"uIActionMode" : "SYS",
"uIActionTag" : "Edit",
"uIActionType" : "DEUIACTION"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "WARNING",
"caption" : "百度",
"detailType" : "DEUIACTION",
"name" : "ubae97f0",
"getPSUIAction" : {
"actionTarget" : "NONE",
"buttonStyle" : "WARNING",
"caption" : "百度",
"codeName" : "openBaidu",
"counterId" : "openBaidu",
"frontProcessType" : "OPENHTMLPAGE",
"fullCodeName" : "openBaidu",
"htmlPageUrl" : "https://www.baidu.com/",
"name" : "百度_警告样式",
"getPSAppCounter" : {
"modelref" : true,
"path" : "PSSYSAPPS/TemplatePublish/PSAPPCOUNTERS/UIActionCounter.json"
},
"uIActionMode" : "FRONT",
"uIActionTag" : "openBaidu",
"uIActionType" : "DEUIACTION"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"detailType" : "DEUIACTION",
"name" : "uee0dcd7",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"getPSUIAction" : {
"actionTarget" : "MULTIKEY",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"codeName" : "Remove",
"fullCodeName" : "Remove",
"name" : "表格界面_删除操作",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"predefinedType" : "GRIDVIEW_REMOVEACTION",
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"uIActionMode" : "SYS",
"uIActionTag" : "Remove",
"uIActionType" : "DEUIACTION"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"detailType" : "DEUIACTION",
"name" : "u160e609",
"getPSUIAction" : {
"actionTarget" : "NONE",
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"codeName" : "TreePickerCancel",
"frontProcessType" : "OTHER",
"fullCodeName" : "TreePickerCancel",
"name" : "树选择取消_成功样式",
"scriptCode" : "console.log('树选择取消');\r\nconst form = view.ctx.controllersMap.get('form');\r\nif (form) {\r\n const treePicker = form.details['field24'];\r\n if (treePicker && treePicker.state) treePicker.state.readonly = true;\r\n}",
"uIActionMode" : "FRONT",
"uIActionTag" : "TreePickerCancel",
"uIActionType" : "DEUIACTION"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
} ]
}
}, {
"actionGroupExtractMode" : "ITEMX",
"caption" : "按钮组",
"itemStyle" : "DEFAULT",
"itemType" : "BUTTONLIST",
"name" : "buttonlist1",
"getPSLayoutPos" : {
"grow" : -1,
"layout" : "FLEX"
},
"getPSUIActionGroup" : {
"codeName" : "Usr0803774731",
"name" : "门户界面行为组",
"getPSUIActionGroupDetails" : [ {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"detailType" : "DEUIACTION",
"name" : "u71a8bd4",
"getPSSysCss" : {
"cssName" : "crm-editview2-head"
},
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"getPSUIAction" : {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"codeName" : "New",
"fullCodeName" : "New",
"name" : "表格界面_新建操作",
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"predefinedType" : "GRIDVIEW_NEWACTION",
"refreshMode" : 1,
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"uIActionMode" : "SYS",
"uIActionTag" : "New",
"uIActionType" : "DEUIACTION",
"reloadData" : true
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"detailType" : "DEUIACTION",
"name" : "uea72408",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"getPSUIAction" : {
"actionTarget" : "SINGLEKEY",
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"codeName" : "Edit",
"fullCodeName" : "Edit",
"name" : "表格界面_编辑操作_危险样式",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"predefinedType" : "GRIDVIEW_EDITACTION",
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"uIActionMode" : "SYS",
"uIActionTag" : "Edit",
"uIActionType" : "DEUIACTION"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "WARNING",
"caption" : "百度",
"detailType" : "DEUIACTION",
"name" : "ubae97f0",
"getPSUIAction" : {
"actionTarget" : "NONE",
"buttonStyle" : "WARNING",
"caption" : "百度",
"codeName" : "openBaidu",
"counterId" : "openBaidu",
"frontProcessType" : "OPENHTMLPAGE",
"fullCodeName" : "openBaidu",
"htmlPageUrl" : "https://www.baidu.com/",
"name" : "百度_警告样式",
"getPSAppCounter" : {
"modelref" : true,
"path" : "PSSYSAPPS/TemplatePublish/PSAPPCOUNTERS/UIActionCounter.json"
},
"uIActionMode" : "FRONT",
"uIActionTag" : "openBaidu",
"uIActionType" : "DEUIACTION"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"detailType" : "DEUIACTION",
"name" : "uee0dcd7",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"getPSUIAction" : {
"actionTarget" : "MULTIKEY",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"codeName" : "Remove",
"fullCodeName" : "Remove",
"name" : "表格界面_删除操作",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"predefinedType" : "GRIDVIEW_REMOVEACTION",
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"uIActionMode" : "SYS",
"uIActionTag" : "Remove",
"uIActionType" : "DEUIACTION"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"detailType" : "DEUIACTION",
"name" : "u160e609",
"getPSUIAction" : {
"actionTarget" : "NONE",
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"codeName" : "TreePickerCancel",
"frontProcessType" : "OTHER",
"fullCodeName" : "TreePickerCancel",
"name" : "树选择取消_成功样式",
"scriptCode" : "console.log('树选择取消');\r\nconst form = view.ctx.controllersMap.get('form');\r\nif (form) {\r\n const treePicker = form.details['field24'];\r\n if (treePicker && treePicker.state) treePicker.state.readonly = true;\r\n}",
"uIActionMode" : "FRONT",
"uIActionTag" : "TreePickerCancel",
"uIActionType" : "DEUIACTION"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
} ]
}
}, {
"caption" : "单项数据容器",
"dataRegionType" : "SINGLEDATA",
......@@ -708,7 +154,7 @@
"getPSPanelItems" : [ {
"caption" : "文本",
"contentType" : "HTML",
"htmlContent" : "<div>\n<div>&lt;button&gt;test&lt;/button&gt;</div>\n<div>&lt;div&gt;&lt;div&gt;名称：${data.bookname}&lt;/div&gt;&lt;div&gt;更新时间：${data.updatedate}&lt;/div&gt;&lt;/div&gt;</div>\n</div>",
"htmlContent" : "<div>\n<div>&lt;!DOCTYPE html&gt; &lt;html lang=\"en\"&gt; &lt;head&gt; &lt;meta charset=\"UTF-8\"&gt; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt; &lt;title&gt;HTML Template with Features&lt;/title&gt; &lt;style&gt; /* 外部样式 */ button { padding: 10px 20px; background-color: #007BFF; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: #0056b3; } .book-info { border: 1px solid #ccc; padding: 20px; margin-top: 20px; border-radius: 5px; animation: fadeIn 1s ease; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- 按钮，带有点击事件 --&gt; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt; &lt;!-- 书籍信息容器 --&gt; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\" ondrop=\"drop(event)\"&gt; &lt;div&gt;名称：${data.bookname}&lt;/div&gt; &lt;div&gt;更新时间：${data.bookname}&lt;/div&gt; &lt;/div&gt; &lt;script&gt; // 模拟数据 const data = { bookname: '${data.bookname}', updatedate: '${data.bookname}' }; console.log('data', data.bookname); // 处理按钮点击事件 function handleClick() { // 获取书籍信息元素 const bookInfo = document.getElementById('bookInfo'); if (bookInfo) { // 移除元素 bookInfo.remove(); } } // 拖拽开始事件处理函数 function dragStart(event) { function handleClick() { event.dataTransfer.setData('text/plain', event.target.id); // 添加内联样式，改变透明度 event.target.style.opacity = '0.5'; } // 拖拽经过事件处理函数 function dragOver(event) { event.preventDefault(); } // 拖拽放下事件处理函数 function drop(event) { event.preventDefault(); const data = event.dataTransfer.getData('text/plain'); const draggedElement = document.getElementById(data); // 移除内联样式 draggedElement.style.opacity = '1'; // 将拖拽元素移动到新位置 event.target.appendChild(draggedElement); } } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</div>\n</div>",
"itemStyle" : "DEFAULT",
"itemType" : "RAWITEM",
"name" : "static_text",
......@@ -717,7 +163,7 @@
"layout" : "FLEX"
},
"getPSRawItem" : {
"content" : "<div>\n<div>&lt;button&gt;test&lt;/button&gt;</div>\n<div>&lt;div&gt;&lt;div&gt;名称：${data.bookname}&lt;/div&gt;&lt;div&gt;更新时间：${data.updatedate}&lt;/div&gt;&lt;/div&gt;</div>\n</div>",
"content" : "<div>\n<div>&lt;!DOCTYPE html&gt; &lt;html lang=\"en\"&gt; &lt;head&gt; &lt;meta charset=\"UTF-8\"&gt; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt; &lt;title&gt;HTML Template with Features&lt;/title&gt; &lt;style&gt; /* 外部样式 */ button { padding: 10px 20px; background-color: #007BFF; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: #0056b3; } .book-info { border: 1px solid #ccc; padding: 20px; margin-top: 20px; border-radius: 5px; animation: fadeIn 1s ease; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- 按钮，带有点击事件 --&gt; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt; &lt;!-- 书籍信息容器 --&gt; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\" ondrop=\"drop(event)\"&gt; &lt;div&gt;名称：${data.bookname}&lt;/div&gt; &lt;div&gt;更新时间：${data.bookname}&lt;/div&gt; &lt;/div&gt; &lt;script&gt; // 模拟数据 const data = { bookname: '${data.bookname}', updatedate: '${data.bookname}' }; console.log('data', data.bookname); // 处理按钮点击事件 function handleClick() { // 获取书籍信息元素 const bookInfo = document.getElementById('bookInfo'); if (bookInfo) { // 移除元素 bookInfo.remove(); } } // 拖拽开始事件处理函数 function dragStart(event) { function handleClick() { event.dataTransfer.setData('text/plain', event.target.id); // 添加内联样式，改变透明度 event.target.style.opacity = '0.5'; } // 拖拽经过事件处理函数 function dragOver(event) { event.preventDefault(); } // 拖拽放下事件处理函数 function drop(event) { event.preventDefault(); const data = event.dataTransfer.getData('text/plain'); const draggedElement = document.getElementById(data); // 移除内联样式 draggedElement.style.opacity = '1'; // 将拖拽元素移动到新位置 event.target.appendChild(draggedElement); } } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</div>\n</div>",
"contentType" : "HTML",
"name" : "static_text",
"predefinedType" : "HTML_PREVIEW"
......
trainsys-core/src/main/resources/model/cn/ibizlab/trainsys/PSSYSAPPS/TemplatePublish/PSSYSAPP.json
浏览文件 @ d10170b1
......@@ -3269,101 +3269,6 @@
"useServiceApi" : true,
"wFAppMode" : false,
"getAllPSAppDEUIActionGroups" : [ {
"codeName" : "Usr0803774731",
"name" : "门户界面行为组",
"getPSUIActionGroupDetails" : [ {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"detailType" : "DEUIACTION",
"name" : "u71a8bd4",
"getPSSysCss" : {
"cssName" : "crm-editview2-head"
},
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true,
"getPSUIAction" : {
"modelref" : true,
"id" : "New"
}
}, {
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"detailType" : "DEUIACTION",
"name" : "uea72408",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true,
"getPSUIAction" : {
"modelref" : true,
"id" : "Edit"
}
}, {
"buttonStyle" : "WARNING",
"caption" : "百度",
"detailType" : "DEUIACTION",
"name" : "ubae97f0",
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true,
"getPSUIAction" : {
"modelref" : true,
"id" : "openBaidu"
}
}, {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"detailType" : "DEUIACTION",
"name" : "uee0dcd7",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true,
"getPSUIAction" : {
"modelref" : true,
"id" : "Remove"
}
}, {
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"detailType" : "DEUIACTION",
"name" : "u160e609",
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true,
"getPSUIAction" : {
"modelref" : true,
"id" : "TreePickerCancel"
}
} ]
}, {
"codeName" : "Usr0822434654",
"name" : "测试折叠行为组",
"getPSUIActionGroupDetails" : [ {
......
trainsys-core/src/main/resources/model/cn/ibizlab/trainsys/PSSYSAPPS/Web/PSAPPDEVIEWS/bookUsr08126702EditView.json
浏览文件 @ d10170b1
......@@ -128,560 +128,6 @@
} ]
} ],
"predefinedType" : "VIEWHEADER"
}, {
"caption" : "按钮组",
"itemStyle" : "DEFAULT",
"itemType" : "BUTTONLIST",
"name" : "buttonlist",
"getPSLayoutPos" : {
"grow" : -1,
"layout" : "FLEX"
},
"getPSUIActionGroup" : {
"codeName" : "Usr0803774731",
"name" : "门户界面行为组",
"getPSUIActionGroupDetails" : [ {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"detailType" : "DEUIACTION",
"name" : "u71a8bd4",
"getPSSysCss" : {
"cssName" : "crm-editview2-head"
},
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"getPSUIAction" : {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"codeName" : "New",
"fullCodeName" : "New",
"name" : "表格界面_新建操作",
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"predefinedType" : "GRIDVIEW_NEWACTION",
"refreshMode" : 1,
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"uIActionMode" : "SYS",
"uIActionTag" : "New",
"uIActionType" : "DEUIACTION",
"reloadData" : true
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"detailType" : "DEUIACTION",
"name" : "uea72408",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"getPSUIAction" : {
"actionTarget" : "SINGLEKEY",
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"codeName" : "Edit",
"fullCodeName" : "Edit",
"name" : "表格界面_编辑操作_危险样式",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"predefinedType" : "GRIDVIEW_EDITACTION",
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"uIActionMode" : "SYS",
"uIActionTag" : "Edit",
"uIActionType" : "DEUIACTION"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "WARNING",
"caption" : "百度",
"detailType" : "DEUIACTION",
"name" : "ubae97f0",
"getPSUIAction" : {
"actionTarget" : "NONE",
"buttonStyle" : "WARNING",
"caption" : "百度",
"codeName" : "openBaidu",
"counterId" : "openBaidu",
"frontProcessType" : "OPENHTMLPAGE",
"fullCodeName" : "openBaidu",
"htmlPageUrl" : "https://www.baidu.com/",
"name" : "百度_警告样式",
"getPSAppCounter" : {
"modelref" : true,
"path" : "PSSYSAPPS/Web/PSAPPCOUNTERS/UIActionCounter.json"
},
"uIActionMode" : "FRONT",
"uIActionTag" : "openBaidu",
"uIActionType" : "DEUIACTION"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"detailType" : "DEUIACTION",
"name" : "uee0dcd7",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"getPSUIAction" : {
"actionTarget" : "MULTIKEY",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"codeName" : "Remove",
"fullCodeName" : "Remove",
"name" : "表格界面_删除操作",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"predefinedType" : "GRIDVIEW_REMOVEACTION",
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"uIActionMode" : "SYS",
"uIActionTag" : "Remove",
"uIActionType" : "DEUIACTION"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"detailType" : "DEUIACTION",
"name" : "u160e609",
"getPSUIAction" : {
"actionTarget" : "NONE",
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"codeName" : "TreePickerCancel",
"frontProcessType" : "OTHER",
"fullCodeName" : "TreePickerCancel",
"name" : "树选择取消_成功样式",
"scriptCode" : "console.log('树选择取消');\r\nconst form = view.ctx.controllersMap.get('form');\r\nif (form) {\r\n const treePicker = form.details['field24'];\r\n if (treePicker && treePicker.state) treePicker.state.readonly = true;\r\n}",
"uIActionMode" : "FRONT",
"uIActionTag" : "TreePickerCancel",
"uIActionType" : "DEUIACTION"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
} ]
}
}, {
"actionGroupExtractMode" : "ITEMS",
"caption" : "按钮组",
"itemStyle" : "DEFAULT",
"itemType" : "BUTTONLIST",
"name" : "buttonlist2",
"getPSLayoutPos" : {
"grow" : -1,
"layout" : "FLEX"
},
"getPSUIActionGroup" : {
"codeName" : "Usr0803774731",
"name" : "门户界面行为组",
"getPSUIActionGroupDetails" : [ {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"detailType" : "DEUIACTION",
"name" : "u71a8bd4",
"getPSSysCss" : {
"cssName" : "crm-editview2-head"
},
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"getPSUIAction" : {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"codeName" : "New",
"fullCodeName" : "New",
"name" : "表格界面_新建操作",
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"predefinedType" : "GRIDVIEW_NEWACTION",
"refreshMode" : 1,
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"uIActionMode" : "SYS",
"uIActionTag" : "New",
"uIActionType" : "DEUIACTION",
"reloadData" : true
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"detailType" : "DEUIACTION",
"name" : "uea72408",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"getPSUIAction" : {
"actionTarget" : "SINGLEKEY",
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"codeName" : "Edit",
"fullCodeName" : "Edit",
"name" : "表格界面_编辑操作_危险样式",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"predefinedType" : "GRIDVIEW_EDITACTION",
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"uIActionMode" : "SYS",
"uIActionTag" : "Edit",
"uIActionType" : "DEUIACTION"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "WARNING",
"caption" : "百度",
"detailType" : "DEUIACTION",
"name" : "ubae97f0",
"getPSUIAction" : {
"actionTarget" : "NONE",
"buttonStyle" : "WARNING",
"caption" : "百度",
"codeName" : "openBaidu",
"counterId" : "openBaidu",
"frontProcessType" : "OPENHTMLPAGE",
"fullCodeName" : "openBaidu",
"htmlPageUrl" : "https://www.baidu.com/",
"name" : "百度_警告样式",
"getPSAppCounter" : {
"modelref" : true,
"path" : "PSSYSAPPS/Web/PSAPPCOUNTERS/UIActionCounter.json"
},
"uIActionMode" : "FRONT",
"uIActionTag" : "openBaidu",
"uIActionType" : "DEUIACTION"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"detailType" : "DEUIACTION",
"name" : "uee0dcd7",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"getPSUIAction" : {
"actionTarget" : "MULTIKEY",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"codeName" : "Remove",
"fullCodeName" : "Remove",
"name" : "表格界面_删除操作",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"predefinedType" : "GRIDVIEW_REMOVEACTION",
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"uIActionMode" : "SYS",
"uIActionTag" : "Remove",
"uIActionType" : "DEUIACTION"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"detailType" : "DEUIACTION",
"name" : "u160e609",
"getPSUIAction" : {
"actionTarget" : "NONE",
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"codeName" : "TreePickerCancel",
"frontProcessType" : "OTHER",
"fullCodeName" : "TreePickerCancel",
"name" : "树选择取消_成功样式",
"scriptCode" : "console.log('树选择取消');\r\nconst form = view.ctx.controllersMap.get('form');\r\nif (form) {\r\n const treePicker = form.details['field24'];\r\n if (treePicker && treePicker.state) treePicker.state.readonly = true;\r\n}",
"uIActionMode" : "FRONT",
"uIActionTag" : "TreePickerCancel",
"uIActionType" : "DEUIACTION"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
} ]
}
}, {
"actionGroupExtractMode" : "ITEMX",
"caption" : "按钮组",
"itemStyle" : "DEFAULT",
"itemType" : "BUTTONLIST",
"name" : "buttonlist1",
"getPSLayoutPos" : {
"grow" : -1,
"layout" : "FLEX"
},
"getPSUIActionGroup" : {
"codeName" : "Usr0803774731",
"name" : "门户界面行为组",
"getPSUIActionGroupDetails" : [ {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"detailType" : "DEUIACTION",
"name" : "u71a8bd4",
"getPSSysCss" : {
"cssName" : "crm-editview2-head"
},
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"getPSUIAction" : {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.NEW"
},
"caption" : "新建",
"codeName" : "New",
"fullCodeName" : "New",
"name" : "表格界面_新建操作",
"getPSSysImage" : {
"glyph" : "xf0f6@FontAwesome",
"cssClass" : "fa fa-file-text-o"
},
"predefinedType" : "GRIDVIEW_NEWACTION",
"refreshMode" : 1,
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"uIActionMode" : "SYS",
"uIActionTag" : "New",
"uIActionType" : "DEUIACTION",
"reloadData" : true
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.NEW"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"detailType" : "DEUIACTION",
"name" : "uea72408",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"getPSUIAction" : {
"actionTarget" : "SINGLEKEY",
"buttonStyle" : "DANGER",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.EDIT"
},
"caption" : "编辑",
"codeName" : "Edit",
"fullCodeName" : "Edit",
"name" : "表格界面_编辑操作_危险样式",
"getPSSysImage" : {
"glyph" : "xf044@FontAwesome",
"cssClass" : "fa fa-edit"
},
"predefinedType" : "GRIDVIEW_EDITACTION",
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"uIActionMode" : "SYS",
"uIActionTag" : "Edit",
"uIActionType" : "DEUIACTION"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.EDIT"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "WARNING",
"caption" : "百度",
"detailType" : "DEUIACTION",
"name" : "ubae97f0",
"getPSUIAction" : {
"actionTarget" : "NONE",
"buttonStyle" : "WARNING",
"caption" : "百度",
"codeName" : "openBaidu",
"counterId" : "openBaidu",
"frontProcessType" : "OPENHTMLPAGE",
"fullCodeName" : "openBaidu",
"htmlPageUrl" : "https://www.baidu.com/",
"name" : "百度_警告样式",
"getPSAppCounter" : {
"modelref" : true,
"path" : "PSSYSAPPS/Web/PSAPPCOUNTERS/UIActionCounter.json"
},
"uIActionMode" : "FRONT",
"uIActionTag" : "openBaidu",
"uIActionType" : "DEUIACTION"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"detailType" : "DEUIACTION",
"name" : "uee0dcd7",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"getPSUIAction" : {
"actionTarget" : "MULTIKEY",
"getCapPSLanguageRes" : {
"lanResTag" : "TBB.TEXT.*.REMOVE"
},
"caption" : "删除",
"codeName" : "Remove",
"fullCodeName" : "Remove",
"name" : "表格界面_删除操作",
"getPSSysImage" : {
"glyph" : "xf00d@FontAwesome",
"cssClass" : "fa fa-remove"
},
"predefinedType" : "GRIDVIEW_REMOVEACTION",
"timeout" : 60000,
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"uIActionMode" : "SYS",
"uIActionTag" : "Remove",
"uIActionType" : "DEUIACTION"
},
"getTooltipPSLanguageRes" : {
"lanResTag" : "TBB.TOOLTIP.*.REMOVE"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
}, {
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"detailType" : "DEUIACTION",
"name" : "u160e609",
"getPSUIAction" : {
"actionTarget" : "NONE",
"buttonStyle" : "SUCCESS",
"caption" : "树选择取消",
"codeName" : "TreePickerCancel",
"frontProcessType" : "OTHER",
"fullCodeName" : "TreePickerCancel",
"name" : "树选择取消_成功样式",
"scriptCode" : "console.log('树选择取消');\r\nconst form = view.ctx.controllersMap.get('form');\r\nif (form) {\r\n const treePicker = form.details['field24'];\r\n if (treePicker && treePicker.state) treePicker.state.readonly = true;\r\n}",
"uIActionMode" : "FRONT",
"uIActionTag" : "TreePickerCancel",
"uIActionType" : "DEUIACTION"
},
"addSeparator" : false,
"showCaption" : true,
"showIcon" : true
} ]
}
}, {
"caption" : "单项数据容器",
"dataRegionType" : "SINGLEDATA",
......@@ -707,7 +153,7 @@
"getPSPanelItems" : [ {
"caption" : "文本",
"contentType" : "HTML",
"htmlContent" : "<div>\n<div>&lt;button&gt;test&lt;/button&gt;</div>\n<div>&lt;div&gt;&lt;div&gt;名称：${data.bookname}&lt;/div&gt;&lt;div&gt;更新时间：${data.updatedate}&lt;/div&gt;&lt;/div&gt;</div>\n</div>",
"htmlContent" : "<div>\n<div>&lt;!DOCTYPE html&gt; &lt;html lang=\"en\"&gt; &lt;head&gt; &lt;meta charset=\"UTF-8\"&gt; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt; &lt;title&gt;HTML Template with Features&lt;/title&gt; &lt;style&gt; /* 外部样式 */ button { padding: 10px 20px; background-color: #007BFF; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: #0056b3; } .book-info { border: 1px solid #ccc; padding: 20px; margin-top: 20px; border-radius: 5px; animation: fadeIn 1s ease; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- 按钮，带有点击事件 --&gt; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt; &lt;!-- 书籍信息容器 --&gt; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\" ondrop=\"drop(event)\"&gt; &lt;div&gt;名称：${data.bookname}&lt;/div&gt; &lt;div&gt;更新时间：${data.bookname}&lt;/div&gt; &lt;/div&gt; &lt;script&gt; // 模拟数据 const data = { bookname: '${data.bookname}', updatedate: '${data.bookname}' }; console.log('data', data.bookname); // 处理按钮点击事件 function handleClick() { // 获取书籍信息元素 const bookInfo = document.getElementById('bookInfo'); if (bookInfo) { // 移除元素 bookInfo.remove(); } } // 拖拽开始事件处理函数 function dragStart(event) { function handleClick() { event.dataTransfer.setData('text/plain', event.target.id); // 添加内联样式，改变透明度 event.target.style.opacity = '0.5'; } // 拖拽经过事件处理函数 function dragOver(event) { event.preventDefault(); } // 拖拽放下事件处理函数 function drop(event) { event.preventDefault(); const data = event.dataTransfer.getData('text/plain'); const draggedElement = document.getElementById(data); // 移除内联样式 draggedElement.style.opacity = '1'; // 将拖拽元素移动到新位置 event.target.appendChild(draggedElement); } } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</div>\n</div>",
"itemStyle" : "DEFAULT",
"itemType" : "RAWITEM",
"name" : "static_text",
......@@ -716,7 +162,7 @@
"layout" : "FLEX"
},
"getPSRawItem" : {
"content" : "<div>\n<div>&lt;button&gt;test&lt;/button&gt;</div>\n<div>&lt;div&gt;&lt;div&gt;名称：${data.bookname}&lt;/div&gt;&lt;div&gt;更新时间：${data.updatedate}&lt;/div&gt;&lt;/div&gt;</div>\n</div>",
"content" : "<div>\n<div>&lt;!DOCTYPE html&gt; &lt;html lang=\"en\"&gt; &lt;head&gt; &lt;meta charset=\"UTF-8\"&gt; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt; &lt;title&gt;HTML Template with Features&lt;/title&gt; &lt;style&gt; /* 外部样式 */ button { padding: 10px 20px; background-color: #007BFF; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: #0056b3; } .book-info { border: 1px solid #ccc; padding: 20px; margin-top: 20px; border-radius: 5px; animation: fadeIn 1s ease; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- 按钮，带有点击事件 --&gt; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt; &lt;!-- 书籍信息容器 --&gt; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\" ondrop=\"drop(event)\"&gt; &lt;div&gt;名称：${data.bookname}&lt;/div&gt; &lt;div&gt;更新时间：${data.bookname}&lt;/div&gt; &lt;/div&gt; &lt;script&gt; // 模拟数据 const data = { bookname: '${data.bookname}', updatedate: '${data.bookname}' }; console.log('data', data.bookname); // 处理按钮点击事件 function handleClick() { // 获取书籍信息元素 const bookInfo = document.getElementById('bookInfo'); if (bookInfo) { // 移除元素 bookInfo.remove(); } } // 拖拽开始事件处理函数 function dragStart(event) { function handleClick() { event.dataTransfer.setData('text/plain', event.target.id); // 添加内联样式，改变透明度 event.target.style.opacity = '0.5'; } // 拖拽经过事件处理函数 function dragOver(event) { event.preventDefault(); } // 拖拽放下事件处理函数 function drop(event) { event.preventDefault(); const data = event.dataTransfer.getData('text/plain'); const draggedElement = document.getElementById(data); // 移除内联样式 draggedElement.style.opacity = '1'; // 将拖拽元素移动到新位置 event.target.appendChild(draggedElement); } } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</div>\n</div>",
"contentType" : "HTML",
"name" : "static_text",
"predefinedType" : "HTML_PREVIEW"
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或