论坛首页 → Web前端技术论坛 →

jquery实现动态添加、删除数据行

浏览 17206 次
锁定老帖子 主题：jquery实现动态添加、删除数据行
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (5)
作者 正文
  • zfms
  • 等级: 初级会员
  • 性别:
  • 文章: 92
  • 积分: 30
  • 来自: 济南
   发表时间：2008-02-02  

  想找份用jsp做网站的web2.0的公司，谁能帮我啊，QQ:64738479，可以联系我。

 

<html>
    <head>
        <meta http-equiv="Content-Language" content="zh-cn">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <script src=jquery-1.2.1.js>
        </script>
    </head>
    <body>
    <div>
         添加门店&nbsp;
    <input type="text" name="warehouseno" maxlength="20" value="" onchange="javascript:udf_lookup(this, -1, '')"
    class="MainInput">
    <img src="images/button_lookup.gif" onclick="javascript:lookupBasWarehouseFORwarehouseno()"
    width="15" height="15" border="0" alt="Lookup" align="middle" hspace="3" style='display:none'>
   
         <table border=1 class="ListTable" cellSpacing="0" bordercolor="#CEDFFF" cellPadding="2" width="100%">
             <tr>
                 <td noWrap bgColor="#cedfff">仓库编码</td>
      <td noWrap bgColor="#cedfff">销售门店</td>
      <td noWrap bgColor="#cedfff">操作</td>
             </tr>
    
     <!-- 模板行 -->
     <tr class="templeteRow">

<!-- 隐藏的数据 id -->
      <input type=hidden name="newRowId" class="newRowId">

<!-- 关键数据 id 对应的文字描述：编号、名称 -->
                 <td><span class="newRowNo"></span></td>
      <td><span class="newRowName"></span></td>
      <td>
       <A href="" onclick="return false;" title="删除" class="delDetailRow_Link">
                         <img src="images/del.gif" style="border:0px">
                     </A>
                 </td>
             </tr>
         </table>
   </div>
  
    </body>


<script type="text/javascript">
$(document).ready(function(){
   $("tr.templeteRow").hide();//确保隐藏
   addNewRow(123,'1.1',"哈哈1");
   addNewRow(234,'1.2',"哈哈2");
   addNewRow(345,'1.3',"哈哈3");
});


function getTimeRndString() {
   var tm=new Date();
   var str=tm.getMilliseconds()+tm.getSeconds()*60+tm.getMinutes()*3600+tm.getHours()*60*3600+tm.getDay()*3600*24+tm.getMonth()*3600*24*31+tm.getYear()*3600*24*31*12;
   return str;
};


/**
* 添加行
* @param {Object} id
* @param {Object} no
* @param {Object} name
*/
function addNewRow(id,no,name){
   var templeteRow=$("tr.templeteRow");
        var newRow = templeteRow.clone(true);
   var rndID="tmpUID"+getTimeRndString();
        newRow.insertBefore(templeteRow);
        newRow.show();
   newRow.attr("class", "valueRow");
   newRow.attr("id", rndID);
  
   newRow.find("input.newRowId").attr("value",id);
   newRow.find("span.newRowNo").text(no);
   newRow.find("span.newRowName").text(name);
     
   newRow.find("a.delDetailRow_Link").attr("id",rndID);
   newRow.find("a.delDetailRow_Link").click(function(){
        act_delDetailRow(this);
     });
}

/**
* 删除所在行
* @param {Object} who
*/
function act_delDetailRow(who){
   $("#"+who.id).remove();
}
</script>
</html>
返回顶楼
         
  • ajaxgo
  • 等级: 初级会员
  • 性别:
  • 文章: 155
  • 积分: 70
  • 来自: 珠海
   发表时间：2008-02-02  
function getTimeRndString() {
   var tm=new Date();
   var str=tm.getMilliseconds()+tm.getSeconds()*60+tm.getMinutes()*3600+tm.getHours()*60*3600+tm.getDay()*3600*24+tm.getMonth()*3600*24*31+tm.getYear()*3600*24*31*12;
   return str;
};


兄弟～～我服了
难道你不知道date有getTime方法的吗？
返回顶楼
          回帖地址
0 请登录后投票
  • ayeah
  • 等级: 初级会员
  • 性别:
  • 文章: 69
  • 积分: 50
  • 来自: 深圳
   发表时间：2008-05-10  
楼上，人家明显要的不是getTime的结果。。。


  <SCRIPT LANGUAGE="JavaScript">
  <!--
var tm=new Date();
var str=tm.getMilliseconds()+tm.getSeconds()*60+tm.getMinutes()*3600+tm.getHours()*60*3600+tm.getDay()*3600*24+tm.getMonth()*3600*24*31+tm.getYear()*3600*24*31*12;
alert(tm.getTime()+"\n"+str);

  //-->
  </SCRIPT>

---------------------------
Windows Internet Explorer
---------------------------
1210404473775
64553299555
---------------------------
OK  
---------------------------
返回顶楼
          回帖地址
3 请登录后投票
论坛首页 → Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics