js动态添加
<form id=”addNewsFormData” name=”addNewsFormData” isCheck=”true” action=”controller.SysRuleModelController”>
<table id=”addNewsTableId” class=”formTableSwap” border=”0″ align=”center” cellpadding=”0″ cellspacing=”1″ >
<tr>
<th> 类型:</th>
<td >
<select id=”dtomodelType” name=”modelType”>
<option value=”1″ >业务模型</option>
<option value=”2″ >实体类</option>
</select>
</td>
<th> 中文名 :</th>
<td >
<input type=”text” class=”text” id=”dtochName” name=”chName” notNull=”false” maxLength=”50″ value=”” />
</td>
<th> 英文名 :</th>
<td >
<input type=”text” class=”text” id=”dtoenName” name=”enName” notNull=”false” maxLength=”100″ value=”” />
</td>
</tr>
<tr>
<th> 备注 :</th>
<td colspan=”5″>
<textarea id=”dtoremark” name=”remark” maxLength=”100″ rows=”5″ cols=”60″></textarea>
</td>
</tr>
</table>
属性管理
<div class=”contentPanel”>
<table id=”tab” class=”formTableSwap” border=”0″ align=”center” cellpadding=”0″ cellspacing=”1″>
<tr>
<td style=”width: 5px;”>序号</td>
<td>属性中文名</td>
<td>属性英文名</td>
<td>数据类型</td>
<td>长度</td>
<td>引用字典编码</td>
<td>描述</td>
<td>操作</td>
</tr>
<tr id=”1″>
<td><input type=”text” name=”modelAttrs[0].sequence” value=”1″></td>
<td><input type=”text” class=”text” name=”modelAttrs[0].chName” notNull=”false” maxLength=”50″ value=”” ></td>
<td><input type=”text” class=”text” name=”modelAttrs[0].enName” notNull=”false” maxLength=”100″ value=”” ></td>
<td>
<select name=”modelAttrs[0].dataType” >
<option value=”1″ >字符型</option>
<option value=”2″ >数字型</option>
<option value=”3″ >日期型</option>
<option value=”4″ >浮点型</option>
</select>
</td>
<td><input type=”text” class=”text” name=”modelAttrs[0].dataLong” maxLength=”50″ value=”” ></td>
<td><input type=”text” class=”text” name=”modelAttrs[0].dictCode” maxLength=”50″ value=”” ></td>
<td><input type=”text” class=”text” name=”modelAttrs[0].remark” maxLength=”50″ value=”” ></td>
<td><a href=”#” onclick=”deltr(1)”>删除</a></td>
</tr>
</table>
<table class=”formTableSwap” border=”0″ align=”center” cellpadding=”0″ cellspacing=”1″>
<tr><td style=”text-align:right;width: 800px;”><input type=”button” id=”but” value=”增加”/></td></tr>
</table>
</form>
</div>
</body>
<script type=”text/javascript”>
$(document).ready(function(){
//增加<tr/>
$(“#but”).click(function(){
var _len = $(“#tab tr”).length;
alert(_len)
$(“#tab”).append(“<tr id=”+_len+” align=’center’>”
+'<td><input type=”text” name=”modelAttrs[‘+(_len-1)+’].sequence” value=”‘+_len+'”></td>’
+'<td><input type=”text” class=”text” name=”modelAttrs[‘+(_len-1)+’].chName” notNull=”false” maxLength=”50″ value=”” ></td>’
+'<td><input type=”text” class=”text” name=”modelAttrs[‘+(_len-1)+’].enName” notNull=”false” maxLength=”100″ value=”” ></td>’
+'<td><select name=”modelAttrs[‘+(_len-1)+’].dataType”>’
+'<option value=”1″ >数字型</option>’
+'<option value=”2″ >字符型</option>’
+'<option value=”3″ >日期型</option>’
+'<option value=”4″ >浮点型</option>’
+'</select></td>’
+'<td><input type=”text” class=”text” name=”modelAttrs[‘+(_len-1)+’].dataLong” maxLength=”50″ value=”” ></td>’
+'<td><input type=”text” class=”text” name=”modelAttrs[‘+(_len-1)+’].dictCode” maxLength=”50″ value=”” ></td>’
+'<td><input type=”text” class=”text” name=”modelAttrs[‘+(_len-1)+’].remark” maxLength=”50″ value=”” ></td>’
+”<td><a href=\’#\’ onclick=\’deltr(“+_len+”)\’>删除</a></td>”
+”</tr>”);
});
});
//删除<tr/>
function deltr(index){
//var _len = $(“#tab tr”).length;
$(“tr[id='”+index+”‘]”).remove();//删除当前行
}