<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
<html>
|
<head>
|
<title>文本框</title>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
|
<meta name="generator" content="www.leipi.org" />
|
<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>
|
</head>
|
<body>
|
<div class="content">
|
<table class="table table-bordered table-striped table-hover">
|
<tr>
|
<th>
|
<span>所属表名</span>
|
</th>
|
<th width="50%">
|
<span>字段名称</span>
|
<span class="label label-important">*</span>
|
</th>
|
</tr>
|
<tr>
|
<td>
|
<div class="input-group">
|
<input type="text" id="orgtablename" class="form-control">
|
<span class="input-group-btn">
|
<button class="btn btn-default">选表</button>
|
</span>
|
</div>
|
</td>
|
<td>
|
<div class="input-group">
|
<input type="text" id="orgname" class="form-control" placeholder="必填项">
|
<span class="input-group-btn">
|
<button class="btn btn-default" id="selectField">选字段</button>
|
</span>
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<th><span>显示名称</span></th>
|
<th><span>宽 X 高 & 字体大小</span> </th>
|
</tr>
|
<tr>
|
<td><input id="orgdisplayname" type="text" class="form-control"/></td>
|
<td>
|
宽 <input id="orgwidth" type="text" value="300" class="input-small span1" placeholder="auto"/> px
|
|
高 <input id="orgheight" type="text" value="80" class="input-small span1" placeholder="auto"/> px
|
<input id="orgfontsize" type="text" value="" class="input-small span1" placeholder="auto"/> px</td>
|
</tr>
|
<tr>
|
<th><span>可见性 & 必填性 & 增强性 & 可编辑性</span> </th>
|
<th><span>验证</span> </th>
|
</tr>
|
<tr>
|
|
<td>
|
<label class="checkbox-inline">
|
<input id="orghide" type="checkbox" /> 隐藏 </label>
|
<label class="checkbox-inline">
|
<input id="orgrequired" type="checkbox" /> 必填 </label>
|
<label class="checkbox-inline">
|
<input id="orgrich" type="checkbox" /> 富文本形式 </label>
|
<label class="checkbox-inline">
|
<input id="orgedit" type="checkbox" checked /> 编辑 </label>
|
</td>
|
<td>
|
<input id="orgzz" type="text" value="" class="form-control" placeholder="参看easyui的validType" />
|
</td>
|
</tr>
|
<tr>
|
<th colspan="2"><span>默认值</span> </th>
|
</tr>
|
<tr>
|
<td colspan="2">
|
|
<textarea rows="3" id="orgdefaultvalue" placeholder="多行文本框默认值..." class="form-control"></textarea>
|
<a style="margin-top:2px;" title="选默认值" class="btn btn-primary">选值</a>
|
</td>
|
</tr>
|
</table>
|
</div>
|
<script type="text/javascript">
|
var oNode = null,thePlugins = 'textarea';
|
window.onload = function() {
|
if( UE.plugins[thePlugins].editdom ){
|
oNode = UE.plugins[thePlugins].editdom;
|
var gValue = oNode.getAttribute('value').replace(/"/g,"\""),gTitle=oNode.getAttribute('title').replace(/"/g,"\""),gName = oNode.getAttribute('name').replace(/"/g, "\""), gHidden = oNode.getAttribute('orghide'),gFontSize=oNode.getAttribute('orgfontsize'),gWidth=oNode.getAttribute('orgwidth'),gHeight=oNode.getAttribute('orgheight'),gRich=oNode.getAttribute('orgrich'),gZZ = oNode.getAttribute('orgzz'), gRequired = oNode.getAttribute('orgrequired'), gEdit = oNode.getAttribute('orgedit'),gTableName=oNode.getAttribute('orgtablename'),gDisplayName=oNode.getAttribute('placeholder');
|
|
gValue = gValue==null ? '' : gValue;
|
gTitle = gTitle==null ? '' : gTitle;
|
$G('orgdefaultvalue').value = gValue;
|
$G('orgname').value = gName;
|
$G('orgdisplayname').value=gDisplayName;
|
if ( gRich == '1' ) {
|
$G('orgrich').checked = true ;
|
}
|
|
if (gHidden == '1') {
|
$G('orghide').checked = true;
|
}
|
if (gRequired == "1") {
|
$G('orgrequired').checked = true;
|
}
|
if(gEdit=="1"){
|
$G('orgedit').checked = true;
|
}else{
|
$G('orgedit').checked=false;
|
}
|
|
|
$G('orgfontsize').value = gFontSize;
|
$G('orgwidth').value = gWidth;
|
$G('orgheight').value = gHeight;
|
$G('orgzz').value = gZZ;
|
$G('orgtablename').value=gTableName;
|
}
|
}
|
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('orgdefaultvalue').value.replace(/\"/g,"""),gName=$G('orgname').value.replace(/\"/g,"""),gTitle=$G('orgdisplayname').value.replace(/\"/g,"""),gFontSize=$G('orgfontsize').value,gWidth=$G('orgwidth').value,gHeight=$G('orgheight').value,gEdit = $G('orgedit'), gRequired = $G("orgrequired"), gZZ = $G('orgzz').value,gTableName=$G('orgtablename').value,gHidden=$G("orghide"),gRich=$G("orgrich");
|
|
if( !oNode ) {
|
try {
|
var html = '<textarea ';
|
html += ' title = "' + gTitle + '"';
|
html += ' name = "'+gName+'"';
|
html += ' leipiPlugins = "'+thePlugins+'"';
|
html += ' value = "' + gValue + '"';
|
if (gRich.checked ) {
|
html += ' orgrich = "1"';
|
} else {
|
html += ' orgrich = "0"';
|
}
|
if (gRequired.checked ) {
|
html += ' orgrequired = "1"';
|
} else {
|
html += ' orgrequired = "0"';
|
}
|
if (gHidden.checked ) {
|
html += ' orghide = "1"';
|
} else {
|
html += ' orghide = "0"';
|
}
|
if (gEdit.checked) {
|
html += ' orgedit = "1"';
|
} else {
|
html += ' orgedit = "0"';
|
html+='disabled="disabled"';
|
}
|
if( gFontSize != '' ) {
|
html += ' orgfontsize = "' + gFontSize + '"';
|
} else {
|
html += ' orgfontsize = ""';
|
}
|
if( gWidth != '' ) {
|
html += ' orgwidth = "' + gWidth + '"';
|
} else {
|
html += ' orgwidth = ""';
|
}
|
if(gHeight != '') {
|
html += ' orgheight = "' + gHeight + '"';
|
} else {
|
html += ' orgheight = ""';
|
}
|
if(gTableName != '') {
|
html += ' orgtablename = "' + gTitle + '"';
|
} else {
|
html += ' orgtablename = ""';
|
}
|
if(gTitle != '') {
|
html += ' orgdisplayname = "' + gTableName + '"';
|
} else {
|
html += ' orgdisplayname = ""';
|
}
|
if(gZZ!=''){
|
|
html += ' orgzz = "' + gZZ + '"';
|
} else {
|
html += ' orgzz = ""';
|
}
|
|
html += ' style = "';
|
if( gFontSize != '' ) {
|
html += 'font-size:' + gFontSize + 'px;';
|
}
|
if( gWidth != '' ) {
|
html += 'width:' + gWidth + 'px;';
|
}
|
if( gHeight != '' ) {
|
html += 'height:' + gHeight + 'px;';
|
}
|
html += '">';
|
html += gValue + '</textarea>';
|
editor.execCommand('insertHtml',html);
|
} catch (e) {
|
try {
|
editor.execCommand('error');
|
} catch ( e ) {
|
alert('控件异常，请联系管理员！');
|
}
|
return false;
|
}
|
} else {
|
oNode.setAttribute('title', gTitle);
|
oNode.setAttribute('value',gValue);
|
oNode.innerHTML = gValue;
|
if( gRich.checked ) {
|
oNode.setAttribute('orgrich', 1);
|
} else {
|
oNode.setAttribute('orgrich', 0);
|
}
|
if( gHidden.checked ) {
|
oNode.setAttribute('orghide', 1);
|
} else {
|
oNode.setAttribute('orghide', 0);
|
}
|
if( gEdit.checked ) {
|
oNode.setAttribute('orgedit', 1);
|
} else {
|
oNode.setAttribute('orgedit', 0);
|
oNode.setAttribute('disabled','disabled');
|
}
|
if( gRequired.checked ) {
|
oNode.setAttribute('orgrequired', 1);
|
} else {
|
oNode.setAttribute('orgrequired', 0);
|
}
|
|
|
if( gFontSize != '' ) {
|
oNode.style.fontSize = gFontSize+ 'px';
|
oNode.setAttribute('orgfontsize',gFontSize );
|
}else{
|
oNode.setAttribute('orgfontsize', '');
|
}
|
if( gWidth != '' ) {
|
oNode.style.width = gWidth+ 'px';
|
oNode.setAttribute('orgwidth',gWidth );
|
}else{
|
oNode.setAttribute('orgwidth', '');
|
}
|
if( gHeight != '' ) {
|
oNode.style.height = gHeight+ 'px';
|
oNode.setAttribute('orgheight',gHeight );
|
}else{
|
oNode.setAttribute('orgheight', '');
|
}
|
|
oNode.setAttribute('orgname',gName);
|
oNode.setAttribute('orgtablename',gTableName);
|
oNode.setAttribute('orgdisplayname',gTitle);
|
oNode.setAttribute('placeholder',gTitle);
|
oNode.setAttribute('orgdefaultvalue',gValue);
|
oNode.setAttribute('orgzz',gZZ);
|
|
delete UE.plugins[thePlugins].editdom;
|
}
|
};
|
</script>
|
</body>
|
</html>
|
