效果如下:
实现ID自增长:
<table class="list" width="100%" targetType="navTab" asc="asc" desc="desc" layoutH="40">
<thead>
<tr>
<th width="30%" style="text-align:center;">排序/编号</th>
<th width="40%" style="text-align:center;">分类名称</th>
<th width="30%" style="text-align:center;">操作</th>
</tr>
</thead>
<tbody id="giftTypeList">
</tbody>
</table>
<input type="button" value="添加礼物类别" οnclick="addGiftTypeInput();"/>
JS实现:
/**
* 添加礼物类别输入框
*/
function addGiftTypeInput(){
//得到最大的排序编号
var maxSortId = 0;
$("#giftTypeList").find("tr").each(function(index, domItem){
var myvalue = parseInt($(domItem).find("td").eq(0).text());
if(myvalue>maxSortId){
maxSortId = myvalue;
}
});
maxSortId = maxSortId +1;
var dataHtml = '<tr>'+
'<td align="center">'+ maxSortId +'</td>'+
'<td align="center"> <input type="text" style="text-align: center; width:99%;" value=""/></td>'+
'<td align="center"> <input type="button" οnclick="submitGiftTypeData(this);" value="保存" /></td>'+
'</tr> ';
$("#giftTypeList",navTab.getCurrentPanel()).append(dataHtml);
}
function submitGiftTypeData(obj){
var itemId = $(obj).parent().siblings().eq(0).text();
var itemValue = $(obj).parent().siblings().eq(1).find("input").val();
//提交json字符串
$.ajax({
type: "POST",
url : 'submitVirtualGiftTypeData.do',
data : {
"itemId" : itemId,
"itemValue" : itemValue
},
secureuri : false,
dataType : 'json',
success : function(data, status) {
var valueObj = data.message;
$("#success",navTab.getCurrentPanel()).html(valueObj);
},
error : function(data, status, e) {
alertMsg.info(e);
}
});
}