function callback(data){
document.getElementById(openSpan).innerHTML=data;
oldOpenSpan=openSpan;
}
function showInnerInfo(marketing_activity_id)
{
openSpan =marketing_activity_id;
if(""!=document.getElementById(openSpan).innerHTML){
document.getElementById(openSpan).innerHTML="";
document.getElementById('img_'+marketing_activity_id).src="<%=path %>/images/16_16/foldr_16.gif";
oldOpenSpan="";
}else if(openSpan!=oldOpenSpan){
document.getElementById('img_'+marketing_activity_id).src="<%=path %>/images/16_16/open_16.gif";
showWellenService.getWellenList(marketing_activity_id,callback);
}
}
function addrows(marketing_activity_id)
{
if(document.form1.marketing_activity_name==null)
{
var id = document.getElementById("tb_"+marketing_activity_id);
var tr = id.insertRow(id.rows.length);
var td;
td = tr.insertCell();
td.align = "center";
td.innerHTML = "<input type='text' name='marketing_activity_name' size='15'>";
td = tr.insertCell();
td.align = "center";
td.innerHTML = "<input type='text' name='marketing_activity_desc' size='35'>";
td = tr.insertCell();
td.align = "center";
td.innerHTML = " ";
td = tr.insertCell();
td.align = "center";
td.innerHTML = " ";
td = tr.insertCell();
td.align = "center";
td.innerHTML = " ";
td = tr.insertCell();
td.align = "center";
td.innerHTML = " ";
td = tr.insertCell();
td.align = "center";
td.innerHTML = '<a href="#" onclick="saveInfo('+marketing_activity_id+')"/>[保存]</a>'
+'<a href="#" onclick="rntInfo('+marketing_activity_id+')"/>[取消]</a>';
}
}
function saveInfo(id)
{
var name = document.form1.marketing_activity_name.value;
var desc = document.form1.marketing_activity_desc.value;
var cert_name = '${name}';
showWellenService.insertList(id,name,desc,cert_name,callback);
}
function editInfo(w_id,a_id)
{
if(document.form1.marketing_activity_name==null)
{
var tr_id = document.getElementById(w_id);
tr_id.cells[0].align="center";
tr_id.cells[0].innerHTML = "<input type='text' name='marketing_activity_name' size='15'>";
tr_id.cells[1].innerHTML = "<input type='text' name='marketing_activity_desc' size='35'>";
tr_id.cells[6].innerHTML = '<a href="#" onclick="updateInfo('+w_id+','+a_id+')"/>[保存]</a>'
+'<a href="#" onclick="rntInfo('+a_id+')"/>[取消]</a>';
}
}
function updateInfo(w_id,a_id)
{
var name = document.form1.marketing_activity_name.value;
var desc = document.form1.marketing_activity_desc.value;
var cert_name = '${name}';
openSpan =a_id;
showWellenService.updateList(a_id,w_id,name,desc,cert_name,callback);
}
function deleteInfo(w_id,a_id)
{
var r=confirm("确认删除?");
if(r==true)
{
openSpan =a_id;
showWellenService.deleteList(a_id,w_id,callback);
}
}
function rntInfo(marketing_activity_id)
{
openSpan =marketing_activity_id;
showWellenService.getWellenList(marketing_activity_id,callback);
}
分享到:
相关推荐
为了调试和优化,你可以利用DWR提供的Console工具,监控和测试DWR调用。同时,Ext JS也提供了丰富的API和事件,可以帮助你定制Tree组件的行为,例如添加自定义图标、处理点击事件等。 总结来说,"Ext tree 结合dwr ...
- 创建一个HTML页面,包含一个表格元素和用于调用DWR方法的JavaScript代码。 ```html 列1 列2 ... <script src="/dwr/interface/TableDataService.js"> <script src="/dwr/engine.js"> ...
4. 图形绘制:利用DWR调用服务器端的绘图库,生成复杂的图表并显示在网页上。 DWR的安全性也是其重要特性之一。它使用了AJAX技术,但避免了跨站脚本攻击(Cross-Site Scripting, XSS)和跨站请求伪造(Cross-Site ...
"engine.js"是DWR的客户端引擎文件,它包含了一组JavaScript库,使得在浏览器中可以轻松地调用服务器端的Java方法。这个文件应该被包含在Web页面中,以便Web应用能够利用DWR的功能。`engine.js`提供了诸如对象转换、...
例如,当用户在Ext JS的表格中点击一个记录时,可以触发一个事件,该事件调用DWR生成的JavaScript方法,向服务器发送请求,获取或更新数据。 5. **数据交换**:DWR会自动处理数据的序列化和反序列化,使得Java对象...
1. **配置DWR**:在Web应用的`WEB-INF`目录下创建`dwr.xml`配置文件,定义允许JavaScript调用的Java类和方法。 2. **创建Java服务接口**:定义一个包含分页查询方法的服务接口,例如`PageService.java`,该接口提供...
例如,`util.extend()`函数用于合并两个或更多对象的属性,`util.foreach()`用于遍历数组或对象,`util.createDWRScript()`则用于创建DWR调用的脚本元素,这些函数在实际项目中有着广泛的应用。 4. **应用场景** ...
2. **表单验证**:在客户端输入数据时,可以立即通过DWR调用服务器端的验证方法,提高用户体验。 3. **远程控制**:允许用户通过网页远程控制服务器上的服务或应用程序。 六、DWR与界面开发的结合 DWR简化了前端与...
在JavaScript中,你可以创建一个字符串变量,然后将其作为参数传递给DWR调用的方法。服务器端接收到这个字符串后,可以进行相应的处理。 3. **有自定义对象为参数的方法**: DWR的强大之处在于它可以序列化和反...
在“dwr城市选择的联动”中,通常会有一个下拉列表用来选择省份,当用户选择一个省份后,通过DWR调用服务器端的Java方法,获取该省份下的所有城市,并更新城市选择的下拉列表。这个过程中,`util.js` 文件起到了关键...
6. **实战应用**:通过阅读提供的文档和示例,实践创建简单的DWR和Ajax应用,如实时搜索、无刷新表格更新等。 7. **最佳实践**:了解如何优化DWR和Ajax的性能,如缓存策略、错误处理机制以及安全性考虑。 通过深入...
通过DWR,你可以调用服务器端的Java方法,就像它们是本地JavaScript函数一样,这样可以实现动态交互,比如动态添加表格的行和列。 **动态表格** 在Web应用中,动态生成表格通常用于展示可变的数据,例如数据库查询...
JavaScript Direct Web Remoting (DWR) 是一个开源的JavaScript库,它允许Web应用程序在客户端的JavaScript和服务器端的Java之间进行安全、简单的异步通信。这个框架极大地简化了AJAX(Asynchronous JavaScript and ...
接下来是DWR(Direct Web Remoting)框架,这是一个流行的开源JavaScript库,用于在浏览器和服务器之间进行异步的JavaScript到Java的调用。DWR简化了远程脚本调用的实现,提供了自动处理类型转换、安全性和缓存等...
4. **页面初始化**:页面加载时,使用DWR调用后端方法获取初始数据,填充到表格中。 5. **事件监听**:监听用户操作,如点击按钮,使用DWR调用对应方法处理数据变化,并更新表格。 6. **刷新机制**:可以设置定时器...
例如,你可以创建一个按钮,当点击该按钮时,通过DWR调用服务器端的方法查询数据库,然后将结果显示在网页上。 DWR还提供了安全性措施,如白名单机制,只允许特定的Java方法被远程调用,防止了恶意代码的执行。此外...
4. **DWR JavaScript API**:在前端,通过DWR的JavaScript库(如`dwr.js`)调用上述服务器端接口的方法,将返回的数据填充到HTML表格中。可以使用`execute`方法发起异步请求,并在回调函数中处理结果。 5. **DWR的...
在这个"Dwr源码示例"中,我们将深入探讨如何使用DWR调用Java方法,并处理各种类型的参数和返回值。 首先,DWR的核心功能是提供了一种安全、高效的AJAX(异步JavaScript和XML)框架。它通过创建一个JavaScript到Java...
例如,你可以创建一个按钮,点击后通过DWR调用服务器端的方法,并将结果动态显示在页面上。 7. **测试与调试**:运行应用,测试DWR功能是否正常工作。可以使用DWR提供的内置控制台进行调试,查看调用日志和返回结果...
Java的DWR(Direct Web Remoting)项目是一种用于在Web应用程序中实现实时交互的技术,它允许JavaScript在客户端与服务器端的Java代码之间进行直接调用,极大地简化了富Internet应用(RIA)的开发。本项目是基于...