<span><input type="button" class="button" value="批量操作" style="background-color: yellow;"
onclick="[color=green]ymPrompt.confirmInfo({icoCls:'',msgCls:'confirm',
message:'体积:<input type=\'text\' id=\'myInput_1\' onfocus=\'this.select()\' /><br>重量:<input type=\'text\' id=\'myInput_2\' onfocus=\'this.select()\' /><br>备注:<input type=\'text\' id=\'myInput_3\' onfocus=\'this.select()\' />',
title:'请输入SPU信息',width: 240,height:160,handler:getInput,autoClose:false ,fixPosition:true , maskAlphaColor: '#000',maskAlpha: 0.2})[/color]" /> </span>
ymPrompt消息提示组件 4.0
【调用方法及参数说明】:
1、在页面中引入ymPrompt.js。如:<script type="text/javascript" src="ymPrompt.js"></script>
2、在页面中引入对应的皮肤文件的CSS,如:<link rel="stylesheet" type="text/css" href="skin/qq/ymPrompt.css" />
3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用)
[color=red]handler: function(){}, //回调事件[/color]
<script type="text/javascript" >
//弹出组件的回调函数(实现批量赋值);
function getInput(tp){
if(tp!='ok') return ymPrompt.close();
v_1 = document.getElementById('myInput_1');
v_2 = document.getElementById('myInput_2');
isValidNum_1(v_1); //对填写的体积进行数字校验(含两位小数)
isValidNum_1(v_2); //对填写的重量进行数字校验(含两位小数)
v1 = document.getElementById('myInput_1').value;
v2 = document.getElementById('myInput_2').value;
v3 = document.getElementById('myInput_3').value;
if(v1=='' && v2=='' && v3==''){
alert('请输入SPU信息!');
return;
}
var ch = document.getElementsByName('spu_checked');
var flag = false;
for(var i=0; i< ch.length; i++){
flag = (flag || ch[i].checked);
}
if(!flag){ //批量操作必须有选择行;
alert('请勾选需要赋值的行!');
return;
}
for(var i=0; i< ch.length; i++){
if(ch[i].checked){ //复选框赋值;
if(v1 != ''){ //避免空值覆盖;
ch[i].parentNode.parentNode.cells[3].childNodes[0].value = v1;
}
if(v2 != ''){
ch[i].parentNode.parentNode.cells[4].childNodes[0].value = v2;
}
if(v3 != ''){
ch[i].parentNode.parentNode.cells[5].childNodes[0].value = v3;
}
}
}
ymPrompt.close();
}
function selectAll(name,obj){ //复选框
var select=!obj.checked;
var nodes=document.getElementsByName(name);
for(var i=0;i<nodes.length;i++){
if(select==false){
nodes[i].checked=true;
}else{
nodes[i].checked=false;
}
}
}
</script>
onclick="[color=green]ymPrompt.confirmInfo({icoCls:'',msgCls:'confirm',
message:'体积:<input type=\'text\' id=\'myInput_1\' onfocus=\'this.select()\' /><br>重量:<input type=\'text\' id=\'myInput_2\' onfocus=\'this.select()\' /><br>备注:<input type=\'text\' id=\'myInput_3\' onfocus=\'this.select()\' />',
title:'请输入SPU信息',width: 240,height:160,handler:getInput,autoClose:false ,fixPosition:true , maskAlphaColor: '#000',maskAlpha: 0.2})[/color]" /> </span>
ymPrompt消息提示组件 4.0
【调用方法及参数说明】:
1、在页面中引入ymPrompt.js。如:<script type="text/javascript" src="ymPrompt.js"></script>
2、在页面中引入对应的皮肤文件的CSS,如:<link rel="stylesheet" type="text/css" href="skin/qq/ymPrompt.css" />
3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用)
[color=red]handler: function(){}, //回调事件[/color]
<script type="text/javascript" >
//弹出组件的回调函数(实现批量赋值);
function getInput(tp){
if(tp!='ok') return ymPrompt.close();
v_1 = document.getElementById('myInput_1');
v_2 = document.getElementById('myInput_2');
isValidNum_1(v_1); //对填写的体积进行数字校验(含两位小数)
isValidNum_1(v_2); //对填写的重量进行数字校验(含两位小数)
v1 = document.getElementById('myInput_1').value;
v2 = document.getElementById('myInput_2').value;
v3 = document.getElementById('myInput_3').value;
if(v1=='' && v2=='' && v3==''){
alert('请输入SPU信息!');
return;
}
var ch = document.getElementsByName('spu_checked');
var flag = false;
for(var i=0; i< ch.length; i++){
flag = (flag || ch[i].checked);
}
if(!flag){ //批量操作必须有选择行;
alert('请勾选需要赋值的行!');
return;
}
for(var i=0; i< ch.length; i++){
if(ch[i].checked){ //复选框赋值;
if(v1 != ''){ //避免空值覆盖;
ch[i].parentNode.parentNode.cells[3].childNodes[0].value = v1;
}
if(v2 != ''){
ch[i].parentNode.parentNode.cells[4].childNodes[0].value = v2;
}
if(v3 != ''){
ch[i].parentNode.parentNode.cells[5].childNodes[0].value = v3;
}
}
}
ymPrompt.close();
}
function selectAll(name,obj){ //复选框
var select=!obj.checked;
var nodes=document.getElementsByName(name);
for(var i=0;i<nodes.length;i++){
if(select==false){
nodes[i].checked=true;
}else{
nodes[i].checked=false;
}
}
}
</script>