我要做一个物品采购系统,采购的物品可能是多个,想做个按钮点一下就加上一行可多填写的物品,在点一下又多一行,还要有个按钮时点一下就消掉一行的。(行里的控件又是怎么生成的??)
哪位高手能教下啊??最好是给我代码~~谢谢了

解决方案 »

  1.   

    jQuery动态添加、删除表格行的插件示例代码
    http://mzgnc.blog.163.com/blog/static/7653512010112853658925/
      

  2.   

    Gridview 和viewstate配合 填充控件 数据源绑定空数据第二种用JS操作如下<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=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.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>