没有合适的资源?快使用搜索试试~ 我知道了~
jquery对table中各数据的增加、保存、删除操作示例
1 下载量 182 浏览量
2020-12-12
23:25:14
上传
评论
收藏 83KB PDF 举报
温馨提示
试读
4页
像这种页面,我们往往不是通过提交表单来处理这些数据,因为如果在后台去遍历处理这些大量的数据是非常繁琐的;比较好的做法是在前台页面中将数据以对象形式保存在json中,然后在后台直接将json转换成我们需要的对象,这样我们的直接可以处理对象了! 添加按钮 代码如下: <input name=”button” type=”button” value=”添加” onClick=”addRowForPswdBasicFillTemplate(‘pswd_basic_fill_template’)”> table id是pswd_basic_fill_template 添加方法 代码如下: func
资源推荐
资源详情
资源评论
jquery对对table中各数据的增加、保存、删除操作示例中各数据的增加、保存、删除操作示例
像这种页面,我们往往不是通过提交表单来处理这些数据,因为如果在后台去遍历处理这些大量的数据是非常繁琐的;比较好的做法是在前台页面中
将数据以对象形式保存在json中,然后在后台直接将json转换成我们需要的对象,这样我们的直接可以处理对象了!
添加按钮
代码如下:
<input name=”button” type=”button” value=”添加” onClick=”addRowForPswdBasicFillTemplate(‘pswd_basic_fill_template’)”>
table id是pswd_basic_fill_template
添加方法
代码如下:
function addRowForPswdBasicFillTemplate(tid){
var applyAreaOptionStr = $(‘#applyAreaOptionStr’).val(); //这里是对select框的一些初始化
did = tid;
var tr = $(“<tr></tr>”).attr(“bgcolor”,”#FFFFFF”);
tr.append($(“<td></td>”).html(“<input type=’radio’ name=’radio’ value=’checkbox’></td>”));
tr.append($(“<td></td>”).html(“”));
tr.append($(“<td></td>”).html(“<input type=’text’ name=’index_name’ id=’index_name’ />”));
tr.append($(“<td></td>”).html(“”));
tr.append($(“<td></td>”).html(“<select name=’apply_Area’ id=’apply_Area’>”+applyAreaOptionStr+”</select>”));
tr.append($(“<td></td>”).html(“<select name=’index_species’ id=’index_species’>”+$(“#indexSpeciesHtml”).val()+”</select>”));
tr.append($(“<td></td>”).html(“<textarea maxlength=’500′ rows=’3′ cols=’20’ name=’formula’ id=’formula’/>”));
tr.append($(“<td></td>”).html(“<input type=’text’ name=’cap’ id=’cap’ size=’5’/>”));
tr.append($(“<td></td>”).html(“<input type=’text’ name=’base_value’ id=’base_value’ size=’5’/>”));
tr.append($(“<td></td>”).html(“<input type=’hidden’ id=’orgid’ name=’orgid’ />
<select name=’assessOrg’ id=’assessOrg’>”+$(“#assessOrgHtml”).val()+”</select>”));
tr.appendTo($(“#”+tid));
setRowNumber_1(tid); //保存编号,上移下移操作会用到 ,先不关注
}
保存按钮
代码如下:
<input name=”button” type=”button” value=”保存” onClick=”savePswdBasicFillTemplate(‘pswd_basic_fill_template’)”>
保存方法
代码如下:
function savePswdBasicFillTemplate(tid){
did = tid;
var result = getPswdBasicFillTemplate(); //封装数据操作,请仔细看
if(result){
/*
if(pswd_basic_fill_template.length<1){
showInfo(“请添加基础数据标准”);
return;
}
*/
for(var i=0;i<pswd_basic_fill_template.length;i++){
pswd_basic_fill_template[i]=JSON.stringify(pswd_basic_fill_template[i]);
}
$.post(“<c:url value=’/secbasicFillTemplate/save’/>”,{“tempLateList”:”[“+pswd_basic_fill_template+”]”},
function(data) {
if(“false”==data){
showInfo(“请先保存基础信息!”);
}else{
//delAllTr(“pswd_basic_fill_template”); //删除行
showInfo(“保存成功!”)
if(did!=”fjsjbz”){
changeTaskType(tid);
}
}
});
}
}
//基础填报模版
var pswd_basic_fill_template = {};
//要删除的tableId
var did = “pswd_basic_fill_template”;
资源评论
weixin_38582685
- 粉丝: 5
- 资源: 925
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功