215 lines
7.6 KiB
HTML
215 lines
7.6 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||
|
|
<title>上传控件 - 最好用的.net权限工作流框架|.net core快速开发框架|.net core权限管理|.net core工作流</title>
|
||
|
|
<meta name="Keywords" content="openauth.net,.net开源工作流,.NET开源权限管理">
|
||
|
|
<meta name="Description" content="最好用的.net开源工作流框架,最好用的.NET开源权限管理框架">
|
||
|
|
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
|
||
|
|
<!--[if lte IE 6]>
|
||
|
|
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-ie6.css">
|
||
|
|
<![endif]-->
|
||
|
|
<!--[if lte IE 7]>
|
||
|
|
<link rel="stylesheet" type="text/css" href="bootstrap/css/ie.css">
|
||
|
|
<![endif]-->
|
||
|
|
<link rel="stylesheet" href="leipi.style.css">
|
||
|
|
<script type="text/javascript" src="../dialogs/internal.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
/* Thank you by
|
||
|
|
http://www.alt-tag.com/blog/2006/02/ie-dom-bugs/ */
|
||
|
|
function createElement(type, name) {
|
||
|
|
var element = null
|
||
|
|
try {
|
||
|
|
element = document.createElement('<' + type + ' name="' + name + '">')
|
||
|
|
} catch (e) { }
|
||
|
|
if (element == null) {
|
||
|
|
element = document.createElement(type)
|
||
|
|
element.name = name
|
||
|
|
}
|
||
|
|
return element
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="content">
|
||
|
|
<table class="table table-bordered table-striped table-hover">
|
||
|
|
<tr>
|
||
|
|
<th><span>控件名称</span><span class="label label-important">*</span></th>
|
||
|
|
<th><span>显示名称</span> </th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td><input type="text" id="orgname" placeholder="必填项"></td>
|
||
|
|
<td><input type="text" id="orgvalue" placeholder="无则不填"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th><span>对齐方式</span> </th>
|
||
|
|
<th><span> 长 X 宽</span> </th>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
<select id="orgalign">
|
||
|
|
<option value="left">左对齐</option>
|
||
|
|
<option value="center">居中对齐</option>
|
||
|
|
<option value="right">右对齐</option>
|
||
|
|
</select>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<input id="orgwidth" type="text" value="150" class="input-small span1" placeholder="auto" />
|
||
|
|
X
|
||
|
|
<input id="orgheight" type="text" value="" class="input-small span1" placeholder="auto" /> px
|
||
|
|
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
</table>
|
||
|
|
<div id="node">
|
||
|
|
<iframe src="/ueditor/formdesign/el-input.html" leipiplugins="element" style="height:100px;"></iframe>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
function getParameter(paraStr, url) {
|
||
|
|
var result = ''
|
||
|
|
var str = '&' + url.split('?')[1]
|
||
|
|
var paraName = paraStr + '='
|
||
|
|
|
||
|
|
if (str.indexOf('&' + paraName) != -1) {
|
||
|
|
if (str.substring(str.indexOf(paraName), str.length).indexOf('&') != -1) {
|
||
|
|
var TmpStr = str.substring(str.indexOf(paraName), str.length)
|
||
|
|
result = TmpStr.substr(TmpStr.indexOf(paraName), TmpStr.indexOf('&') - TmpStr.indexOf(paraName))
|
||
|
|
} else {
|
||
|
|
result = str.substring(paraName.length + 1, str.length)
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
result = '无此参数'
|
||
|
|
}
|
||
|
|
return (result.replace('?', ''))
|
||
|
|
}
|
||
|
|
|
||
|
|
var oNode = null
|
||
|
|
var thePlugins = 'element'
|
||
|
|
window.onload = function() {
|
||
|
|
if (UE.plugins[thePlugins].editdom) {
|
||
|
|
oNode = UE.plugins[thePlugins].editdom
|
||
|
|
// var gValue = ''
|
||
|
|
// if (oNode.getAttribute('value')) {
|
||
|
|
// gValue = oNode.getAttribute('value').replace(/"/g, '"')
|
||
|
|
// }
|
||
|
|
// var gTitle = oNode.getAttribute('title').replace(/"/g, '"'),
|
||
|
|
// gAlign = oNode.getAttribute('orgalign'),
|
||
|
|
// gWidth = oNode.getAttribute('orgwidth'),
|
||
|
|
// gHeight = oNode.getAttribute('orgheight')
|
||
|
|
// gValue = gValue == null ? '' : gValue
|
||
|
|
// gTitle = gTitle == null ? '' : gTitle
|
||
|
|
var src = oNode.getAttribute('src')
|
||
|
|
var search = decodeURI(decodeURI(src))
|
||
|
|
var r = getParameter('info', search)
|
||
|
|
console.log(r)
|
||
|
|
if (r != null) {
|
||
|
|
var infoObj = JSON.parse(r)
|
||
|
|
$G('orgvalue').value = infoObj.gValue
|
||
|
|
$G('orgname').value = infoObj.gTitle
|
||
|
|
$G('orgwidth').value = infoObj.gWidth
|
||
|
|
$G('orgheight').value = infoObj.gHeight
|
||
|
|
$G('orgalign').value = infoObj.gAlign
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
dialog.oncancel = function() {
|
||
|
|
if (UE.plugins[thePlugins].editdom) {
|
||
|
|
delete UE.plugins[thePlugins].editdom
|
||
|
|
}
|
||
|
|
}
|
||
|
|
dialog.onok = function() {
|
||
|
|
if ($G('orgname').value == '') {
|
||
|
|
alert('请输入控件名称')
|
||
|
|
return false
|
||
|
|
}
|
||
|
|
var gValue = $G('orgvalue').value.replace(/\"/g, '"'),
|
||
|
|
gTitle = $G('orgname').value.replace(/\"/g, '"'),
|
||
|
|
gAlign = $G('orgalign').value,
|
||
|
|
gWidth = $G('orgwidth').value,
|
||
|
|
gHeight = $G('orgheight').value
|
||
|
|
|
||
|
|
if (!oNode) {
|
||
|
|
try {
|
||
|
|
oNode = createElement('input', 'leipiNewField')
|
||
|
|
oNode.setAttribute('type', 'file')
|
||
|
|
oNode.setAttribute('title', gTitle)
|
||
|
|
oNode.setAttribute('value', gValue)
|
||
|
|
oNode.setAttribute('name', 'leipiNewField')
|
||
|
|
oNode.setAttribute('leipiPlugins', thePlugins)
|
||
|
|
if (gAlign != '') {
|
||
|
|
// style += 'text-align:' + gAlign + ';';
|
||
|
|
oNode.style.textAlign = gAlign
|
||
|
|
oNode.setAttribute('orgalign', gAlign)
|
||
|
|
}
|
||
|
|
if (gWidth != '') {
|
||
|
|
oNode.style.width = gWidth + 'px'
|
||
|
|
// style += 'width:' + gWidth + 'px;';
|
||
|
|
oNode.setAttribute('orgwidth', gWidth)
|
||
|
|
}
|
||
|
|
if (gHeight != '') {
|
||
|
|
oNode.style.height = gHeight + 'px'
|
||
|
|
// style += 'height:' + gHeight + 'px;';
|
||
|
|
oNode.setAttribute('orgheight', gHeight)
|
||
|
|
}
|
||
|
|
// oNode.setAttribute('style',style );
|
||
|
|
// oNode.style.cssText=style;//ie7
|
||
|
|
var pararm = {
|
||
|
|
gValue: encodeURI(gValue),
|
||
|
|
gTitle: encodeURI(gTitle),
|
||
|
|
gAlign: encodeURI(gAlign),
|
||
|
|
gWidth: encodeURI(gWidth),
|
||
|
|
gHeight: encodeURI(gWidth)
|
||
|
|
}
|
||
|
|
var pararmStr = encodeURI(JSON.stringify(pararm), 'utf-8')
|
||
|
|
var iframeSrc = '/ueditor/formdesign/el-input.html?info=' + pararmStr
|
||
|
|
document.querySelector('iframe').setAttribute('src', iframeSrc)
|
||
|
|
var html = document.getElementById('node').innerHTML
|
||
|
|
editor.execCommand('insertHtml', html)
|
||
|
|
// editor.execCommand('insertHtml', oNode.outerHTML)
|
||
|
|
} catch (e) {
|
||
|
|
try {
|
||
|
|
editor.execCommand('error')
|
||
|
|
} catch (e) {
|
||
|
|
alert('控件异常')
|
||
|
|
}
|
||
|
|
return false
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
oNode.setAttribute('title', gTitle)
|
||
|
|
oNode.setAttribute('value', $G('orgvalue').value)
|
||
|
|
if (gAlign != '') {
|
||
|
|
oNode.style.textAlign = gAlign
|
||
|
|
oNode.setAttribute('orgalign', gAlign)
|
||
|
|
} else {
|
||
|
|
oNode.setAttribute('orgalign', '')
|
||
|
|
}
|
||
|
|
if (gWidth != '') {
|
||
|
|
oNode.style.width = gWidth + 'px'
|
||
|
|
oNode.setAttribute('orgwidth', gWidth)
|
||
|
|
} else {
|
||
|
|
oNode.style.width = ''
|
||
|
|
oNode.setAttribute('orgwidth', '')
|
||
|
|
}
|
||
|
|
if (gHeight != '') {
|
||
|
|
oNode.style.height = gHeight + 'px'
|
||
|
|
oNode.setAttribute('orgheight', gHeight)
|
||
|
|
} else {
|
||
|
|
oNode.style.height = ''
|
||
|
|
oNode.setAttribute('orgheight', '')
|
||
|
|
}
|
||
|
|
delete UE.plugins[thePlugins].editdom
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|