dwz框架中动态添加查找带回组件

1、html代码拼接

var num = $("#orderReturn").children("tr:last-child").find("td:first-child").html();
var index = parseInt(num)+1;
var trc = (parseInt(num) % 2 == 1) ? 'trbg' : '';
var trs="";
trs += "<tr class='tri "+trc+"' id='tri"+index+"'>";
trs += "<td style='display:none;'>"+index+"</td>";
trs += "<td style='padding-left:15px;' colspan='2'>";
trs += "<input name='List["+num+"].id' value='0' type='hidden'>";
trs += "<input name='List["+num+"].main' type='text' readonly='readonly' style='float:left;background-color: #F6F6F6;'>";
trs += "<input style='background-color: #F6F6F6;' type='text' name='List["+num+"].name' value='' readonly='readonly' size='30' maxlength='55'>";
trs += "<a class='btnLook' href='${contextPath }/list!lookupList.action' width='750' height='450' lookupgroup='List["+num+"].part' title='关联记录'>查找带回</a>";
trs += "</td><td align='center'><input type=\"text\" size=\"10\" /></td>";
trs += "<td align='center'><input type=\"text\" size=\"10\" /></td>";
trs += "<td align='center'><a class=\"add\" href=\"#\" onclick=\"addRow(this);\"><img width=\"22px\" src=\"../styles/add.png\" /></a>&nbsp;<a class=\"delete\" href=\"#\" onclick=\"deleteRow(this);\"><img src=\"../styles/delete.png\" /></a></td>";
trs += "<input type=\"hidden\" value=\"1\"/></tr>";

2、动态插入

$("#orderReturn").append(trs);

3、初始化界面处理(这个是重点)

initUI("#orderReturn");

posted @ 2017-03-20 16:33  御风飞天  阅读(1025)  评论(0编辑  收藏  举报