|
|
<!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"/>
|
|
|
<title>单选框属性</title>
|
|
|
<script type="text/javascript" src="../internal.js"></script>
|
|
|
<script type="text/javascript" src="radio.js"></script>
|
|
|
<link rel="stylesheet" href="../../../bootstrap/bootstrap.css">
|
|
|
<link rel="stylesheet" href="../../../bootstrap/bootstrap-responsive.css">
|
|
|
<style type="text/css">
|
|
|
*{color: #838383;margin: 0;padding: 0}
|
|
|
html,body {font-size: 12px;}
|
|
|
body {
|
|
|
padding-left: 20px;padding-right: 20px;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<table class="table table-striped table-bordered" style="margin-top:18px;margin-bottom: 0;">
|
|
|
<tr>
|
|
|
<th><span>控件名称</span> <span class="label label-important">*</span></th>
|
|
|
<th><span>初始选定</span> </th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td> <input id="txtName" type="text" placeholder="必填项" size="20" /> </td>
|
|
|
<td> <span id="txtSelValue" class="uneditable-input" style="height:20px;"></span> </td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th colspan="2">
|
|
|
<span>单选框菜单项目</span><span class="label label-important">*</span>
|
|
|
</th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td colspan="2">
|
|
|
<select id="cmbText" style="width:100%;height: 100px;" multiple="multiple"></select>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td>
|
|
|
<div class="btn-group">
|
|
|
<a title="上移" onclick="fnMove(-1);" class="btn btn-large"><i class="icon-arrow-up"></i></a>
|
|
|
<a title="下移" onclick="fnMove(1);" class="btn btn-large"><i class="icon-arrow-down"></i></a>
|
|
|
<a title="设为初始化时选定值" onclick="fnSetSelectedValue();" class="btn btn-large"><i class="icon-ok-circle"></i></a>
|
|
|
<a title="删除" onclick="fnDelete();" class="btn btn-large"><i class="icon-remove"></i></a>
|
|
|
</div>
|
|
|
</td>
|
|
|
<td>
|
|
|
<input type="text" placeholder="输入单选框值..." size="16" id="txtText">
|
|
|
<div class="btn-group" style="float:right;">
|
|
|
<a title="新增" onclick="fnAdd();" class="btn btn-large btn-primary"><i class="icon-plus"></i></a>
|
|
|
<a title="修改" onclick="fnModify();" class="btn btn-large"><i class="icon-edit"></i></a>
|
|
|
</div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
<script type="text/javascript">
|
|
|
var oNode = null;
|
|
|
var oListText;
|
|
|
window.onload = function() {
|
|
|
oListText = $G( 'cmbText' ) ;
|
|
|
//弹出窗口初始化函数，这里主要是判断是编辑下拉列表还是新增
|
|
|
if( UE.plugins['radio'].editdom ){
|
|
|
oNode = UE.plugins['radio'].editdom;
|
|
|
$G('txtName').value = oNode.getAttribute('title');
|
|
|
$G('txtSelValue').innerHTML = oNode.getAttribute('radio_check');
|
|
|
var sDataField = oNode.getAttribute('radio_field');
|
|
|
var aDataField = sDataField.split('`');
|
|
|
var sLvCheck = oNode.getAttribute("radio_check");
|
|
|
// Load the actual options
|
|
|
for ( var i = 0 ; i < aDataField.length ; i++ ) {
|
|
|
var sText = aDataField[i] ;
|
|
|
if(aDataField[i] == "") {
|
|
|
continue;
|
|
|
}
|
|
|
fnAddComboOption( oListText, sText, sText ) ;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
dialog.oncancel = function () {
|
|
|
if( UE.plugins['radio'].editdom ) {
|
|
|
delete UE.plugins['radio'].editdom;
|
|
|
}
|
|
|
};
|
|
|
dialog.onok = function (){
|
|
|
if($G('txtName').value == '') {
|
|
|
alert('控件名称不能为空');
|
|
|
$G('txtName').focus();
|
|
|
return false;
|
|
|
}
|
|
|
if( oListText.options.length == 0 ) {
|
|
|
alert('请添加单选选项！');
|
|
|
$G('txtText').focus();
|
|
|
return false;
|
|
|
}
|
|
|
var sDataField = '',sLvCheck = '';
|
|
|
for ( var i = 0 ; i < oListText.options.length ; i++ ) {
|
|
|
var sText = oListText.options[i].value ;
|
|
|
if ( sText.length == 0 ) sText = sText ;
|
|
|
|
|
|
if ( sText == $G('txtSelValue').innerHTML ) {
|
|
|
sLvCheck = sText;
|
|
|
}
|
|
|
if( sDataField.indexOf(sText+"`") != -1 && sText != "`") {
|
|
|
alert("菜单项目'"+sText+"'重复");
|
|
|
return false;
|
|
|
}
|
|
|
sDataField += sText+"`";
|
|
|
}
|
|
|
if( !oNode ) {
|
|
|
var sUrl = parent.getItemUrl;
|
|
|
var nItemId = null;
|
|
|
ajax.request(sUrl, {timeout:60000,onsuccess:function (xhr) {
|
|
|
try {
|
|
|
nItemId = xhr.responseText;
|
|
|
oNode = document.createElement("img");
|
|
|
oNode.setAttribute('title',$G('txtName').value.replace("\"","""));
|
|
|
oNode.setAttribute('name','data_' + nItemId);
|
|
|
oNode.setAttribute('radio_field',sDataField);
|
|
|
oNode.setAttribute('radio_check',sLvCheck);
|
|
|
oNode.setAttribute('class','radio');
|
|
|
oNode.setAttribute('className','radio');
|
|
|
oNode.setAttribute('src','/Public/diy_tf/image/form/radio.gif');
|
|
|
editor.execCommand('insertHtml',oNode.outerHTML);
|
|
|
return true ;
|
|
|
} catch ( e ) {
|
|
|
alert ( '插入控件出错，请联系OA管理员解决 ');
|
|
|
return false;
|
|
|
}
|
|
|
},onerror:function() {
|
|
|
alert('Request TimeOut');
|
|
|
}});
|
|
|
} else {
|
|
|
oNode.setAttribute('title',$G('txtName').value.replace("\"","""));
|
|
|
oNode.setAttribute('radio_field',sDataField);
|
|
|
oNode.setAttribute('radio_check',sLvCheck);
|
|
|
delete UE.plugins['radio'].editdom; //使用后清空这个对象，变回新增模式
|
|
|
return true;
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|