js增加列表控件行，选择数据回填

hai7425

于 2020-05-31 11:42:38 发布

阅读量470

点赞数

分类专栏：通达OA javaScript

本文链接：https://blog.csdn.net/hai7425/article/details/106453260

版权

通达OA 同时被 2 个专栏收录

108 篇文章 14 订阅

订阅专栏

javaScript

42 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<!--[if IE 6 ]> <html class="ie6 lte_ie6 lte_ie7 lte_ie8 lte_ie9"> <![endif]--> 
<!--[if lte IE 6 ]> <html class="lte_ie6 lte_ie7 lte_ie8 lte_ie9"> <![endif]--> 
<!--[if lte IE 7 ]> <html class="lte_ie7 lte_ie8 lte_ie9"> <![endif]--> 
<!--[if lte IE 8 ]> <html class="lte_ie8 lte_ie9"> <![endif]--> 
<!--[if lte IE 9 ]> <html class="lte_ie9"> <![endif]--> 
<!--[if (gte IE 10)|!(IE)]><!--><html><!--<![endif]-->
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <title>新建子文件夹</title>
    <link rel="stylesheet" type="text/css" href="/static/theme/19/style.css?20190719" />
    <!--[if lte IE 8]>
        <script type="text/javascript" src="/static/js/ccorrect_btn.js"></script>
    <![endif]-->
    
    <link rel="stylesheet" type="text/css" href="/static/js/bootstrap/css/bootstrap.css?190819">

<script type="text/javascript" src="/static/js/watermark/watermark.js"></script>
<script type="text/javascript" src="/static/js/watermark/index.js" charset="utf-8"></script>
<script src="/static/js/ba/agent.js" type="text/javascript"></script>
<script type="text/javascript" >
   var MYOA_JS_SERVER = "";
   var MYOA_STATIC_SERVER = "";
   window._td_ba && window._td_ba.server && (window._td_ba.server.guid = '{F3DA2A61-47EC-4CB4-CBDA-1594CF140A8E}');
</script>
</head>

<link rel="stylesheet" type="text/css" href="/static/js/validation/validationEngine.jquery.min.css">
<script src="/static/js/module.js?v=200106"></script>
<script src="/static/js/jquery-1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/utility.js"></script>
<script type="text/javascript" src="/inc/js_lang.php"></script>
<script type="text/javascript" src="/static/js/attach.js"></script>
<script type="text/javascript" src="/static/js/mytable.js"></script>
<script src="/static/js/validation/jquery.validationEngine.min.js" type="text/javascript" charset="utf-8"></script>

<script Language="JavaScript">
jQuery(document).ready(function(){
    jQuery("#form1").validationEngine({promptPosition:"bottomLeft"});
});
function CheckForm()
{
    var num=document.getElementById("count").value;
    var name_str=document.form1.SORT_NAMES.value;
    for(i=0;i<num;i++)
    {
        if($("SORT_NAME_"+i).value=="")
        {
            alert("文件夹名称不能为空！");
            $("SORT_NAME_"+i).focus();
            return(false);
        }
        else {
            for(j=i+1;j<num;j++)
            {
                if($("SORT_NAME_"+i).value==$("SORT_NAME_"+j).value)
                {
                    alert("文件夹名称不能相同！");
                    return(false);
                }
            }
        }

    }

    var value=document.form1.SORT_PD.value;
    if(value=="")
    {
        alert("文件夹名称已存在！");
        return (false);
    }
    return (true);
}

function check_sort_name(id,num)

{
    if(id=="")
        return;

    $("sort_name_msg"+num).innerHTML="<img src='/static/images/loading_16.gif' align='absMiddle'> 检查中，请稍候……";
    _get("check_sort_name.php","SORT_TYPE=2&SORT_ID=0&SORT_NAME="+id+"&num="+num, show_msg);

}
function show_msg(req)
{
    if(req.status==200)
    {
        if(req.responseText.substring(0,3)=="+OK")
        {
            var sort_name=req.responseText.substring(3);
            $("sort_name_msg"+sort_name).innerHTML="<img src='/static/images/correct.gif' align='absMiddle'>";
            document.form1.SORT_PD.value="1";
            document.form1.SORT_NAMES.value+=sort_name+',';
        }
        else
        {
            var sort_name=req.responseText.substring(4);
            $("sort_name_msg"+sort_name).innerHTML="<img src='/static/images/error.gif' align='absMiddle'> 该文件名已存在";
            document.form1.SORT_PD.value="";
            $("sort_name_"+sort_name).focus();
        }
    }
    else
    {
        $("user_id_msg").innerHTML="<img src='/static/images/error.gif' align='absMiddle'> 错误："+req.status;
    }
}

function addRow()
{
    var row_count=jQuery("#count").val();
alert(row_count);
    var table1 = jQuery('#table');
    var firstTr = table1.find('tbody>tr:first');
    var lastTr = table1.find('tbody>tr:last');
    var row = jQuery("<tr></tr>");
    var td = jQuery("<td class=''></td>");
    var td1 = jQuery("<td class=''></td>");
	 var td2 = jQuery("<td class=''></td>");
	  var td3 = jQuery("<td class=''></td>");
    td.append(jQuery("<input type='text' name='SORT_NO_"+row_count+"' size='20' maxlength='20' class=''>"));
    td1.append(jQuery("<input type='text' id='SORT_NAME_"+row_count+"' name='SORT_NAME_"+row_count+"' size='25' maxlength='100' class='' onblur='check_sort_name(this.value,"+row_count+");'>&nbsp;<span id='sort_name_msg"+row_count+"'></span>"));
  	td2.append(jQuery("<input type='text' name='SORT_NO1_"+row_count+"' size='20' maxlength='20' class=''>"));
		td3.append(jQuery(" <input type=\"button\" value=\"选择\" class=\"btn\" onClick=\"xuanze("+row_count+");\">"));
    row.append(td);
    row.append(td1);
	 row.append(td2);
	  row.append(td3);

    table1.append(row);
    row_count++;
    jQuery("#count").val(row_count);

}

function deleRow()
{
    jQuery("#row").remove();
}
function xuanze(i){
	alert(i);
	}
function deleteRow()
{
    var table1 = jQuery('#table');
    var length= table1.find("tr").length;

    if(length<3)
    {
        alert("至少保留一行");
    }
    else
    {
        table1.find('tbody>tr:last').remove();
        var count=jQuery("#count").val();
        jQuery("#count").val(count-1);
    }
}
</script>



<body class="bodycolor" onload="document.form1.SORT_NAME_0.focus();">
<form action="submit.php"  method="post" id="form1" name="form1" onsubmit="return CheckForm();">
    <table  width="850" align="center" style="border:0px #83ACCF solid;line-height:20px;font-size:9pt;border-collapse:collapse;margin-bottom:10px;">
        <tr>


            <td align="center"><input type="button" value="添加" class="btn btn-primary" onclick="addRow();"> &nbsp;<input type="button" value="删除" class="btn btn-danger" onclick="deleteRow();">
            </td>
        </tr>
    </table>

    <table class="table table-bordered table-hover table-600" width="850" align="center" id="table">
        <thead>
			<tr>
				<th nowrap class=""> 排序号</th>
				<th nowrap class=""> 文件夹名称</th>
                <th nowrap class=""> 文件夹名称1</th> <th nowrap class=""> 操作</th>
			</tr>
		</thead>
		<tbody id="newbody">
        <tr id="row">
            <td class="">
                <input autocomplete="off" type="text" name="SORT_NO_0" size="20" maxlength="20" class="">
            </td>
            <td class="">

                <input autocomplete="off" type="text" id="SORT_NAME_0" name="SORT_NAME_0" size="25" maxlength="100" class="" onblur="check_sort_name(this.value,0)">&nbsp;<span id="sort_name_msg0"></span>

            </td>
             <td class="">
                <input autocomplete="off" type="text" name="SORT_NO1_0" size="20" maxlength="20" class="">
            </td>
            <td>   <input type="button" value="选择" class="btn" onClick="xuanze(0);"></td>
        </tr>
        </tbody>
    </table>


    <table class="table table-600" align="center">
        <tr align="center" class="">
            <td colspan="2" nowrap style="text-align:center; border:none;">
                <input type="hidden" name="FILE_SORT" value="2">
                <input type="hidden" name="SORT_TYPE" value="2">
                <input type="hidden" name="SORT_ID" value="0">
                <input type="hidden" name="SORT_PD" value="">
                <input type="hidden" name="SORT_NAMES" value="">
                <input type="hidden" name="COUNT"  id="count" value="1">
				
                <input type="submit" value="确定" class="btn btn-primary">
				<input type="button" value="返回" class="btn" onClick="location='../folder.php?FILE_SORT=2&SORT_ID=0'">
                <input type="button" value="选择" class="btn" onClick="xuanze(0);">
            </td>
        </tr>
    </table>
</form>

</body>
</html>

hai7425

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js增加列表控件行，选择数据回填

<!DOCTYPE html>  <!--[if lte IE 7 ]> <html..
复制链接

扫一扫