ajax实现在直接在表格中修改数据
来源:互联网 发布:mac landesk 编辑:程序博客网 时间:2024/05/21 22:54
<script type="text/javascript">
var req;
var gID;
function changeToInput(id) {
var oNP = document.getElementById(id);
var value = oNP.value;
//outerHTML把oNP对象整个替换掉
oNP.outerHTML = "<input type='text' id='" + id + "' value='" + value + "' size='5' onblur='change(this.id)'>";
document.getElementById(id).focus();
}
function change(id) {
var oNP = document.getElementById(id);
var value = oNP.value;
gID = id;
init();
//提交数据到修改数据的页面修改
var url = "ChangePrice.jsp?id=" + escape(id) + "&normalprice=" + value;
req.open("GET", url, true);
req.onreadystatechange = callback;
req.send(null);
}
function init() {
if(window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function callback() {
if(4 == req.readyState) {
if(200 == req.status) {
var oNP = document.getElementById(gID);
var value = oNP.value;
oNP.outerHTML = "<span style='background:gray' id='" + gID + "' value='" + value + "' onclick='changeToInput(this.id)'>" + value + "</span>";
}
}
}
</script>
<%
for (int i = 0; i < products.size(); i++) {
Product p = products.get(i);
%>
<tr>
<td class="altbg2" align="center">
<!-- 复选框 -->
<input type="checkbox" name="id" value="<%=p.getId()%>"/>
</td>
<td class="altbg1" align="center" nowrap="nowrap">
<%=p.getId()%>
</td>
<td class="altbg2" align="center">
<%=p.getName()%>
</td>
<td class="altbg1" align="center">
<%=p.getDescr()%>
</td>
<td class="altbg1" align="center">
<span id="<%=p.getId()%>" style="background:red" onclick="changeToInput(this.id)" value="<%=p.getNormalPrice() %>">
<%=p.getNormalPrice() %>
</span>
</td>
<td class="altbg1" align="center">
<%=p.getMemberPrice()%>
</td>
<td class="altbg1" align="center">
<%=new java.text.SimpleDateFormat("yyyy-MM-dd HH:mm:ss")
.format(p.getPdate())%>
</td>
<td class="altbg1" align="center">
<%//=CategoryService.getInstance().loadById(p.getCategoryId()).getName()%>
<%=p.getCategory().getName()%>
</td>
<td class="altbg1" align="right">
<a target="detail" href="ProductDelete.jsp?id=<%=p.getId()%>" onclick="return confirm('真的要删?')">删</a>
<a target="detail" href="ProductModify.jsp?id=<%=p.getId()%>">改</a>
<a target="detail" href="ProductUpload.jsp?id=<%=p.getId()%>">上传</a>
</td>
</tr>
<%
}
%>
- ajax实现在直接在表格中修改数据
- 在表格中直接修改值 回车表示确定
- 在数据字典中直接修改Oracle表列名
- 在数据字典中直接修改Oracle表列名
- 直接在DataGridView中添加修改数据的问题
- C#:直接在DataGridView控件中修改数据
- sql server如何直接在表中修改数据
- plsql developer如何在窗口列表直接可以修改表格中的数据?
- 在Ajax 应用程序中实现数据交换
- 在Ajax应用程序中实现数据交换
- 在Ajax 应用程序中实现数据交换
- 在 Ajax 应用程序中实现数据交换
- iphone---在表格中实现页面切换和修改
- 点击修改按钮,将数据显示在弹层窗口中,利用ajax实现
- 在jsp中嵌入java语句实现表格数据填充
- 在表格中实现搜索
- GridView中采用来LinkButton修改表格中的数据(绑定数据在TextBox中)
- 在数据库服务端,添加一个表格,然后在MFC中对数据库表格的数据做插入、删除和修改
- Linux Group Password
- python数据结构
- C#连接4种类型数据库(Access、SQL Server、Oracle、MySQL)
- linux下修改用户密码方法搜集
- visual studio 2005启动时卡住不动解决方法
- ajax实现在直接在表格中修改数据
- 搞死Struts2.0!!
- Windows下的进程创建API--CreateProcess使用经验漫谈
- libsvm中tools(easy.py,subset.py,grid.py,checkdata.py)的使用
- 区分类与对象
- APS.NET 使用UpdatePanel时的进度条提示
- NxBRE-开源.net规则引擎
- JavaScript验证Email
- 烧写Linux 映象到Nor Flash 操作过程