EasyUI中点击添加按钮进行表格添加,append

第一步: 添加一个按钮

 <a href="#"  icon="icon-add" class="easyui-linkbutton" id="btnCreate"  plain="true" >添加入库货品</a>

第二部:为按钮绑定事件

		var num=1;

		
		 $('#btnCreate').click(function () { 
			 var tr='<tbody name="tbodys" id="tbody'+num+'"><tr class="title"><td colspan="4">商品入库明细</td></tr>'
			 	tr+='<tr><td>货品名称</td><td><input  type="text"  class="easyui-validatebox"  style="width:120px; required="true"  name="goodsName"  id="goodsName'+num+'" /></td><td>货品单位</td><td><select class="easyui-combobox" id="goodsNumber'+num+'" name="goodsNumber" style="width:120px;"> <option value="个">个</option>  <option value="张">张</option> <option value="条">条</option></select></td></tr>'
				tr+='<tr><td>入库数量</td><td><input  type="text"  class="easyui-validatebox"  style="width:120px; required="true"  name="goodsNum"  id="goodsNum'+num+'" /></td><td>货品价格</td><td><input  type="text"  class="easyui-validatebox"  style="width:120px; required="true"  name="goodsPrice" id="goodsPrice'+num+'"   /></td></tr>'	
				tr+='<tr><td><a href="#"  icon="icon-remove" class="easyui-linkbutton"  id="delete'+num+'" οnclick="del('+num+')" plain="true">删除入库货品</a></td></tr></tbody>'	
					
			 $("#Feetable").append(tr);		
						
			    //为按钮添加校验规则
			    $("#goodsName"+num).validatebox({ });
			    $("#goodsNum"+num).validatebox({ });
			    $("#goodsNumber"+num).combobox({ });
			    $("#goodsPrice"+num).validatebox({ });      
			    $("#delete"+num).linkbutton({ });
			    num++;
		 });

在table下添加
<table  id="Feetable" class="table-edit" width="90%" align="center">

删除添加的表格,这个不能放在$function(){ })中,这只是定义一个函数

function del(tbodynum){ 
	    var tabObj=document.getElementById("tbody"+tbodynum);
	         for(var k=0;k<tabObj.rows.length;k++){
	             tabObj.deleteRow(k);
	             k=k-1;             
	         }  
	}