数据专栏

智能大数据搬运工,你想要的我们都有

科技资讯:

科技学院:

科技百科:

科技书籍:

网站大全:

软件大全:

相关推荐: 推荐IE前端性能分析神器DynaTrace Ajax Edition 使用Selenium进行验收测试 高性能WEB开发之Web性能测试工具推荐 推荐一个AJAX性能测试和网站响应速度测试的好工具dynatrace ajax edition FREE Ajax 前端性能分析利器:dynaTrace 【特别推荐】12款最佳的网站速度和性能测试工具 初步探索前端性能测试 Showslow+Yslow+DynaTrace前端性能自动化执行机使用手册
推荐群组: 高级语言虚拟机
更多相关推荐
JavaScript Ajax 软件介绍: 软件官网 http://ajax.dynatrace.com/pages/ AJAX improves user experience by moving more code to the browser. Frameworks accelerate development, but lead to opaque application behavior and new performance issues. dynaTrace AJAX Edition aims to solve these issues: Understand performance as real users experience it Differentiate between browser or server bottlenecks Trace asynchronous JavaScript executions for the full round-trip Analyze JavaScript, AJAX remoting, network and rendering performance in real-time Save performance data for interactive offline analysis Transform Selenium/Watir functional tests into performance tests 我偷懒让google翻译一下,凑合吧。 AJAX的提高了更多的代码转移到浏览器的用户体验。加快发展框架,但不透明导致应用程序的行为和新的性能问题。 dynaTrace AJAX的版本旨在解决这些问题: 了解真实用户体验和性能 浏览器或服务器之间的差异化的瓶颈 跟踪异步JavaScript往返的全过程 分析了JavaScript,AJAX的远程处理,网络和渲染性能实时 保存互动性能数据进行离线分析 转换 Selenium/Watir测试到性能测试 我觉得它比较强的一点,就是有图形化的结果显示。毕尽是商业公司开发的软件。 目前是对个人使用,免费,没有限制。 下载地址: http://ajax.dynatrace.com/pages/download/download.aspx
编程百科
2020-08-27 14:07:51
greatghoul 写道
我觉得选参数放在参数列表里面不好,最好做成类似 jquery ajax的option的方式,比较好用。 ============================================================== 总算看到一条有建设性的意见 其实在我自己的JS框架里,这部分就是用的option方式,是跟jquery学的 只是这个是剥离出来给新手参考学习用,很多地方重写了,所以就没那么做了
编程百科
2020-08-27 14:07:41
相关推荐: ajax学习笔记 昨天面试的几个java问题,自我感觉太难了? REST+RIA方案 精通Java Web整合开发(JSP+AJAX+Struts+Hibernate)(第2版) AjaxStruts struts2实现ajax功能 Struts2中Ajax的使用(Javascript实现) struts2 和ajax整合使用案例(原生态的ajax操作 和 struts2和ajax整合操作)
推荐群组: flex
更多相关推荐
JavaScript Ajax
       今天比较郁闷,遇到了一些奇怪的问题!
        1.在Eclipse上建立一个web项目,我的一个提交页面在如下目录:WebContext/liTest/add_goods.html。在add_goods.html里面有这么一个form表单

后台报错,说没有找到对应的处理类。经过一位高人指点,我如果这样发送一个请求的话,那个浏览器的url地址为:
http://localhost:8090/petmall/liTest/trolleyAction.do?action=add ,struts不认这个地址,它只认http://localhost:8090/petmall/trolleyAction.do?action=add。那个***.do必需紧跟在项目名称后面!所以把那个form表单修改一下:解决了这个问题,又遇到了一个更郁闷的!
        2.总体来说是浏览器的问题。是这样的:点击一个按钮查看购物车信息,这时候url变成了:http://localhost:8090/petmall/trolleyAction.do?action=show 服务器返回购物车信息展示页面,url没变。这个时候,我打算修改购物车当中某一件商品的购买数量 采用的jquery发送AJAX请求。$.ajax({
                type:"post",
                url:"trolleyAction.do?action=modify",
                data:"purchaseNumber="+goodsNumber+"&goodsId="+goodsId+"&idkey=1",
                complete: function(msg){
                         alert("完成");
                         alert(msg);
                       }
            });
出现问题了,经过一番调试,发现发送了两个请求到了后台,一个是这个AJAX发送的修改商品购买数量的,处理完成之后,火狐好像又自动发送了一个请求,哪个请求呢?就是浏览器地址的那个请求,即:http://localhost:8090/petmall/trolleyAction.do?action=show。但是在IE中没有出现这种情况,只发送了那个AJAX请求。却有另外一种情况,调用完成之后,没有调用AJAX的回调函数,就是没有弹出我上面写的那两个提示框。而火狐确弹出来了!这个我还没有解决。经过这么一折腾,我想:如果上帝能够完成我一个心愿,我希望这个世界上只有一种浏览器。
         3.现在来看一个更加郁闷的,搞了我一下午。差点害得我重装系统了!我电脑是的IE居然不支持jquery发送AJAX请求!就是在IE上调试的时候,发送一个AJAX请求,后台根本就没接收到。错也不报,反正就是没反应!我还以为是我本身IE浏览器的问题,因为我以前把它给卸了(个人不喜欢,不过没办法,做开发,必需要用IE浏览器来调试,被逼的)结果在网上无意间看到了:说IE守护天使会使IE发送ajax请求失效。我看到这几个字的时候,感觉好熟悉!我于是查看我安装的程序,果然有一个IE守护天使,原来是超级兔子的东西!把它卸了之后,就可以了!现在唯一的问题就是那个回调函数没有调用!明天再接再厉!
 
编程百科
2020-08-27 14:07:13
相关推荐: javascript的跨域请求 求XmlHttp 跨域的解决方案 近乎完美的简单 JS 跨域解决方式 --window.name ajax跨域请求WebService.asmx 解决ajax跨域问题【5种解决方案】 原生AJAX请求以及AJAX跨域问题 接口解决跨域问题 ajax 跨域 headers JavaScript ajax 跨域请求 +设置headers 实践 node.js ajax数据请求跨域问题
推荐群组: Jquery
更多相关推荐
JavaScript Ajax
第一次分享。。。 有啥不对的地方。。还望指出! 若有更好的解决方案,呵呵。。 也希望能得到分享!。
      背景: 项目中要显示股票指数数据,由于咱们当前系统中没有这些数据,所以只能通过跨域去取数据。由于指数数据是实时数据,初定方案是通过ajax每隔3秒去指定的地址去拿数据。
var requestObject = {
    url : "地址",
    vars : "参数",
    callBack : 回调函数,
    method : "post",
  };
  var ajax = new TFL.ajax2(); //对XmlHttpRequest 做了封装
  ajax.ajaxRequest(requestObject);
本地测试通过。。。 上测试环境(正式环境)发现不行!。。 才发现ajax无法跨域取数据。(呵呵,web新手。。见笑了)
 第二中方案:
     利用js创建dom的原理,去动态创建一个  在指定 scr的值 。
 function c(){
  var date = new Date();
  var hours = date.getHours();
  
  if(hours>=9 && hours <=15){//开盘时间
  a();  }
 }
 
 function a(){
  var head= document.getElementsByTagName('head')[0];
     var script= document.createElement('script');
     script.type= 'text/javascript';
     // 回调只对firefox有效
     script.onreadystatechange= function () {
        if (this.readyState == 'complete') {
            b();
        };
     }
     script.onload= 回调函数;
     // 回调只对firefox有效
     script.src= b;
     head.appendChild(script);
 }
 function b(){//回调函数
 }
 setInterval("c()"3000);
 
上面遗留了一个问题,就是在ie下无法执行回调函数,只能直接去调用函数,但也许会出现这样一种情况,就是数据还在加载,js直接调用回调函数的代码就已经执行了,导致无法取到数据。
  我的解决方案是 :  先判断浏览器,然后在通过定时器去定时执行回调函数。(说白了就是ie下推迟执行回调函数)
// 判断是否ie
  var is_opera = /opera/i.test(navigator.userAgent); 
  var is_ie = (/msie/i.test(navigator.userAgent) && !is_opera)
  if(is_ie){
      setInterval("c()",4000);
  }
     
   以上是我的总结。 。 呵呵   。热烈欢迎踊跃提意见啊。!
编程百科
2020-08-27 14:07:06
相关推荐: 个人还比较满意的一段代码:EXTJS排序树,只访问一次数据库即可得到整个树结构 算法是编程的灵魂——Java中的森林、树、二叉树 下拉树Ext.ux.ComboBoxTree,支持form的提交等 (更新版)ExtJS Tree利用json(直接传List TreeNode,不需要转化为JSONArray)在Struts 2实现Ajax动态加载树结点... ExtJS实现异步Tree的节点搜索 Extjs下拉树代码测试总结 extjs treepanel 右键菜单实现 (更新版)利用ExtJS Tree的TreeNode(Json格式)在Struts 2中实现Ajax真正的动态异步加载树...
推荐群组: JBPM @net
更多相关推荐
JavaScript Ajax 我用Extjs构造出来一棵reorder树,我想改进它的功能,添加了修改结点的功能,但是我想把修改后的结点文本值写入数据库,我该怎样获取到修改后的结点值呢?Extjs有处理这种情况的事件吗?又该怎样用呢?新手请指教,谢谢问题已解决
编程百科
2020-08-27 14:06:58
我这里有一个用dwr写的,无限极的下拉联动菜单,数据都是从数据库里面读取的。
编程百科
2020-08-27 14:06:49
相关推荐: jquery+json+struts2+mybatis实现的多级关联下拉效果 一个关于DWR的例子 jquery.autocomplete插件完美应用 利用Ajax实现动态加载树 Ajax获取数据动态树形节点实现 利用Ajax实现树的动态加载 利用jQuery的ajax得到的数据动态创建树,然后点击数节点,把对应的节点的节点信息赋值给某一个div,是上一篇的升级版 Echarts通过Ajax实现动态数据加载
推荐群组: EXT
更多相关推荐
JavaScript Ajax
  下面是实现:
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here
 
 
 

 




编程百科
2020-08-27 14:06:42
相关推荐: 不要乱用ajax中异步操作 原来jsonp这么实现啊 jQuery与Ajax的应用 Ajax异步数据交互 js ajax 异步 同步 区别 【必看】2020年新型前端核心技术-JavaScript精细化教程JS+AJAX+HTTP Ajax异步/同步执行的问题 JS ajax同步异步设置
推荐群组: flex
更多相关推荐
JavaScript Ajax 虽然Ajax可以设置为同步或者异步模式,但是在某些情况下(比如用jsonp实现ajax跨域调用)只能让Ajax工作在异步模式下。但是很多时候异步模式会带来一些编程上的麻烦,所以我写了个用于同步异步ajax的函数,在这里和大家分享下希望对有相同需求的朋友有所帮助,也请大家提下建议和意见。/** * Ajax同步函数 * @param ajaxCompleteFlagCallback 用于判断Ajax调用是否完成的回调函数 * @param synchronizedCallback 和ajax同步的函数 * @return */ function ajaxSynchronizer(ajaxCompleteFlagCallback,synchronizedCallback){ var intervalId=null; function waitAjaxCompleteFlag(){ if(ajaxCompleteFlagCallback()){ synchronizedCallback(); clearInterval(intervalId); intervalId=null; } } if(!ajaxCompleteFlagCallback()){ intervalId=setInterval(waitAjaxCompleteFlag,150); }else{ synchronizedCallback(); } } 函数的参数是两个回调函数,一个是用来判断ajax是否完成(可以通过在ajax的回调函数中设置一个完成标志来实现),一个是需要和ajax同步的函数。
编程百科
2020-08-27 14:06:17
相关推荐: jquery-easyui中创建异步加载树 jquery easyui性能很差,项目差点被害死 扩展了一棵jquery的树插件SimpleTree,加上了json格式数据异步加载能力 jquery-easyui-tree 实现异步加载树 52EasyUI 树形菜单- 树形菜单添加节点 使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享 第63天(就业班) easyui easyui的tree(静态树/动态树)
推荐群组: EasyUI
更多相关推荐
JavaScript Ajax
jquery-easyui中的树具备基本的CRUD能力,添加节点主要通过append方法实现。
比如,通过以下代码建立一颗食品树:
 
     
     
    现在,想在水果节点中再添加二种水果,可以这样操作:
      var node = $('#tt').tree('getSelected'); if (node){ var nodes = [{ "id":13, "text":"Raspberry" },{ "id":14, "text":"Cantaloupe" }]; $('#tt').tree('append', { parent:node.target, data:nodes }); }
     
    效果图如下:
     
    原文及下载地址: http://jquery-easyui.wikidot.com/tutorial:tree3
     
    编程百科
    2020-08-27 14:05:59
    hlw579 写道
    似乎LZ用的不是struts2呀
    是否应该升级了呢 呵呵, 慢慢来吧, 先看看struts1.x的 看其他应该基本差不多了,大概看了下 struts2的框架,感觉看了struts1.x后看 它 也觉得容易些了吧!
    编程百科
    2020-08-27 14:05:27
    这类系统主要问题是web app如何与外设打交道,解决了这个问题,其他的就好办了。
    编程百科
    2020-08-27 14:05:18
    stworthy 写道
    peterjss 写道
    Hi,问个小问题,如果要是新添加自己的模块的话,该怎么做呢?看到程序里用到了et-mvc的jar包。例如,登录的时候,提交的url是“qo/desktop/login”,这个url在哪里定义的呢?是et-mvc中定义的吗?
    1、在/WEB-INF/classes/os.properties中定义了几个URL,必要时改这个属性文件就好,比如这个LOGIN想改其URL,自已重写个LOGIN页面,修改os.properties就好。
    2、添加模块时,将模块的信息登记入数据库,可以利用这个模块管理工具添加,如果觉得这个工具不合自已口味,自已写一个也行。


    感谢你的回答,不知道能不能提供qolib.jar的源码呢?想参考一下。 还有就是,我是想问,在login的时候,在login.js中有提交表单的url=“qo/desktop/login”,就是不知道这个url和后台调用数据库的类是怎么联系起来的。希望能帮忙解答一下,谢谢。
    编程百科
    2020-08-27 14:05:09
    相关推荐: AppFuse改造之Struts框架隔离 为什么我的程序传递DTO Extreme Table 的使用->JSP页面显示 AJAX方式的ET的使用 4.webView的ajax或javascript响应 使用Ajax时处理用户session失效的问题 五种常见 Ajax 模式
    推荐群组: JAVA 3T
    更多相关推荐
    JavaScript Ajax 1.DWR配置和使用设置DWR的使用是简单的: 将DWR的jar文件拷入Web应用的WEB-INF/lib目录中, 在web.xml中增加一个servlet声明,并创建DWR的配置文件。DWR的分发中需要使用一个单独的jar文件。 你必须将DWR servlet加到应用的WEB-INF/web.xml中。 在WEB-INF目录下创建一个dwr.xml文件 parameterMap, HttpServletRequest request); ]]> 2.创建POJODWR使用(works with)POJOs。这个非常符合我们的需要,因为eXtremeTable有足够的API使用Jsp标签来构造表。 实际上,JSP标签只不过是eXtremeTable Java API的前端。首先,我将展示构造表的方法: public class Assembler { private Object build(TableModel model, List pres) throws Exception { Table table = model.getTableInstance(); table.setTableId("assembler"); table.setItems(pres); table.setAction(model.getContext().getContextPath() + "/userAction.do"); table.setTitle("ET+AJAX"); table.setImagePath(model.getContext().getContextPath()+"/images/table/*.gif"); table.setRowsDisplayed(3); table.setOnInvokeAction("buildTable('assembler')"); model.addTable(table); Row row = model.getRowInstance(); row.setHighlightRow(Boolean.FALSE); model.addRow(row); Column columnName = model.getColumnInstance(); columnName.setProperty("name"); model.addColumn(columnName); Column columnNickName = model.getColumnInstance(); columnNickName.setProperty("nickname"); model.addColumn(columnNickName); Column columnTerm = model.getColumnInstance(); columnTerm.setProperty("term"); model.addColumn(columnTerm); return model.assemble(); } /** * 这个方法调用比较频繁,它执行双重职责。它需要被Controller(如果使用Spring的话)在第一次调用, * 如果使用Struts就等同于Action类。 随后,当使用AJAX时,这个方法也需要被调用,但是这次将传入一个 * 定制的parameterMap。parameterMap将包含eXtremeTable使用AJAX需要的所有参数。当你看了 Controller * 和JSP后,这点将更加清晰。 * @param parameterMap * @param request * @return */ public String getTable(Map parameterMap, HttpServletRequest request) { WebApplicationContext webApplicationContext = WebApplicationContextUtils .getWebApplicationContext(request.getSession().getServletContext()); PresidentsDao presidentsDao = (PresidentsDao) webApplicationContext.getBean("presidentsDao"); List presidents = presidentsDao.getPresidents(); Context context = null; if (parameterMap == null) { context = new HttpServletRequestContext(request); } else { context = new HttpServletRequestContext(request, parameterMap); } TableModel model = new TableModelImpl(context); try { return build(model, presidents).toString(); } catch (Exception e) { e.printStackTrace(); } return ""; } } 3.创建Action public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { Assembler assembler = new Assembler(); Object viewData = assembler.getTable(null, request); request.setAttribute("assembler", viewData); return mapping.findForward("userList"); } Action在被第一次调用时来构建表。它调用POJO并将表传给request。注意空值(null)如何使用parameterMap传输。 这是因为第一次表被构造时,没有对应表需要知道的actions 4.创建JSP 通过引入(importing)合适的javascript文件来开始构建JSP页面。唯一需要包含进工程的javascript文件 是extremecomponents.js,其它的javascript文件申明都是DWR使用的。 接着,插入钩子(hook)来显示表,div被用来调用innerHtml并构建新的标签。
    最后,添加javascript来调用DWR的钩子(hooks)。 getParameterMap()方法包含在extremecomponents.js文件中,将的到所有的form参数。你需要传入一个 form id的参照。记住,eXtremeTable本质上是一个form组建,tableid作为form id使用。默认的tableId为ec,但是你通常想要设置tableId, 以示大家能更容易阅读你的代码。你将使用parameterMap调用 POJO的getTable方法。showTable是一个callback告诉DWR当从 getTable()方法返回时将调用什么操作。 参考: http://www.blogjava.net/lucky/archive/2006/03/27/37623.html
    编程百科
    2020-08-27 14:04:36
    相关推荐: ajax+struts实现多级下拉列表联动,无刷新 Ajax 的发送请求和直接提交Form 到Action 有什么区别? 告诉你AJAX怎么玩 利用ajax从服务端获取excel文件 使用Ajax获取服务器端文件的内容 $.ajax()方法从服务器获取json数据几种方式详解 如何使用JavaScript导入和导出Excel文件 通过Ajax方式上传文件,使用FormData进行Ajax请求
    推荐群组: JAVA 3T
    更多相关推荐
    JavaScript Ajax 我原来不是用ajax方式做,是用:生成EXCEL报表 方式做的,服务器端的代码如下: public class ExcelAction extends BaseAction { public ActionForward doExcuteAction(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { String actionType = request.getParameter("action"); if ("byteacher".equals(actionType.trim())) { String teacherId = request.getParameter("teacherid"); //利用业务组件从后端获取数据 List teacherSelectedAssignments = this.adminBussiness .getTeacherAssignment(Integer.parseInt(teacherId)); try { response.setContentType("application/vnd.ms-excel"); //利用ExcelReportUtil工具类生成excel文件 ExcelReportUtil.writeAssignmentExcelByTeacher( teacherSelectedAssignments, response.getOutputStream()); } catch (WriteException e) { // TODO Auto-generated catch block System.out.println("WriteException 错误"); } catch (IOException e) { System.out.println("IO 错误"); } } return null; } } 这样作是没有问题的,可以生长excel报表! 后来我想改为用ajax来作:关键代码如下: …… 老师 ………… 调试发现: http.open("GET","/ecjtuthesis/excel.do?action=byteacher&teacherid="+oSel.options[oSel.selectedIndex].value,true); http.send(); 信息发送到了服务器端,没有问题,就是不见生成的excel文件!各位有没有碰到类似的问题,帮我分析一下,谢谢
    编程百科
    2020-08-27 14:04:29
    相关推荐: 关于 eval(res.responseTxt) 失败的问题 表单提交前内容的js处理 IKAnalyzer对数字和字母的切词问题讨论 AJAX传特殊符号到后台解决 AJAX POST数据中有特殊符号处理方法 URL ajax 传递带有特殊符号参数的问题 aJax文本中包含&符号上传错误的解决方法 AJAX POST数据中有特殊符号导致数据丢失的解决方法
    推荐群组: 高级语言虚拟机
    更多相关推荐
    JavaScript Ajax 请问各位 你们怎么处理ajax中的特殊符号如: # % ^ & 其中%最为严重,用js的escape()方法会导致中文不能解码,只能采用类似于java的URLEncoder的方法吗?
    编程百科
    2020-08-27 14:04:17
    dlee 写道
    我不大熟悉 burlap 协议,不过如果建造基于 RPC 的应用的话,个人比较倾向于使用 JSON-RPC。因为 JSON 对于 JavaScript 来说更加自然,JavaScript 解释器本身就包含对于 JSON 的原生支持(native support),解析的效率相信会比解析 XML DOM 更高一些。 js端的性能不是本贴的目的 主要是第3楼 我的代码(nanhill-sro)可以在后台自动转method parameters类型
    编程百科
    2020-08-27 14:03:56
    badqiu 写道
    引用
    每一个功能我们都要在服务器端校验真是让人头痛的事儿
    我现在使用的JS压缩将几十个JS文件压缩成一个文件并且只有一行,能看懂我也服了那些牛人 我补充一点:Intellij IDEA能够将js代码reformat
    编程百科
    2020-08-27 14:03:36
    楼主是否用其在www文件夹下生成的js、xml文件与现有应用做过结合?如果有能不能给个例子瞧瞧?
    编程百科
    2020-08-27 14:03:24
    相关推荐: 向大家介绍一个很棒的适合企业级开发的Ajax(yui-ext) 关于js框架选择,发篇我去年的内部预研吧.. ExtJS ChangeLog 2.2 -> 3.0.0 Ext JS 4倒计时:动态加载和新的类系统 Ext JS 4前瞻:快速、易用和稳定 saiku (branch 3.8-release)构建步骤 Windows7WithSP1/TeamFoundationServer2012update4/SQLServer2012 某Java大佬在地表最强Java企业(阿里)面试总结
    推荐群组: MooTools
    更多相关推荐
    JavaScript EXT 1.1 beta 1 is uphoho~ Ext Stand-alone 闪亮登场~
    编程百科
    2020-08-27 14:03:06
    pure 写道
    我是一次导入Ext-all.js没感觉到卡卡的,只是左边收缩的时候左右都有闪动,换成jquery时,不用jquery-plugin 只是左边收缩,右边不动这样最好。加上过后就两边收缩感觉不怎么好!图片是公司内部截取出来的,源码就不能公开了,不好意思~主要用到了dwr jquery ext等!
    有的人所说的美工不知从何说起~~ 你们在增加用户信息之类的大量的录入时是不是没有使用ajax, 而是直接submit form?
    编程百科
    2020-08-27 14:02:58
    相关推荐: css控制固定表头,兼容行列合并 js操作html的table,包括添加行,添加列,删除行,删除列,合并单元格(未实现) GT-Grid 1.0 基础教程(十) 采用新的方法解决extjs4.1 grid合并单元格问题 Ext grid合并单元格 ext grid合并单元格 [Ext JS 4] Grid 中的单元格添加Tooltip 的效果
    推荐群组: GT-Grid
    更多相关推荐
    JavaScript EXT ext中的grid如何完成单元格合并?
    编程百科
    2020-08-27 14:02:52
    相关推荐: json逆向转换 调查一下,java大家都使用啥json序列器? ruby 中的to_json方法怎么样才能识别中文 请问大家都是如何与后台交互的? 【转】extjs加载json数据动态生成树 EXTjs grid与json数据 extJS 读取JSON文件 Extjs 使用Ext.JSON.encode封装json格式的数据 EXTJs 实现表格数据显示-----JSON
    推荐群组: 燕山Javaeyer
    更多相关推荐
    JavaScript EXT 相关的例子http://xstream.codehaus.org/json-tutorial.html
    编程百科
    2020-08-27 14:02:37
    相关推荐: 【原创翻译】A JavaScript Module Pattern - JavaScript的一种模组模式 向大家介绍一个很棒的适合企业级开发的Ajax(yui-ext) 可有比较成熟的基于ajax的portlet框架? YUI-EXT 求助:yui-ext 与后台交互的例子 EXT(YUI-EXT) Paging Grid 详细解说 (一) YUI和YUI-Ext —— 还是用Ext吧
    推荐群组: EXT
    更多相关推荐
    JavaScript EXT js代码:var DDExample1 = function(){     function renderKB(size){         return size + " KB";      }     function getDDText(){         var count = this.getSelectionCount();         return count == 1 ? '1 selected file' : count + ' selected files';     }     return {         init : function(){             var dm = new YAHOO.ext.grid.DefaultDataModel([                 ['yahoo.js', 1.38],                 ['dom.js', 11.2],                 ['event.js', 9.31],                 ['dragdrop.js', 21.2],                 ['connection.js', 7.85],                 ['yui-ext-core.js', 34.9],                 ['tabs-lib.js', 4.82],                 ['splitbar-lib.js', 6.79]             ]);                         var cm = new YAHOO.ext.grid.DefaultColumnModel([                 {header: 'File', width: 125},                 {header: 'Size', width: 72, renderer:renderKB}             ]);                         var grid = new YAHOO.ext.grid.DDGrid('ddgrid1', dm, cm);             grid.getDragDropText = getDDText;             grid.render();         }     };       }(); YAHOO.util.Event.on(window, 'load', DDExample1.init, DDExample1, true);
     
    编程百科
    2020-08-27 14:02:28
    相关推荐: 初步搭建yui-ext(Ajax)的开发环境(第一部分:后台->前台数据交换) 向大家介绍一个很棒的适合企业级开发的Ajax(yui-ext) YUI里可以自动给表单赋值吗? 初步搭建yui-ext(Ajax)的开发环境(第一部分:后台->前台数据交换) 初步搭建yui-ext(Ajax)的开发环境(后台->前台数据交换) 适合企业级开发的Ajax(yui-ext) YUI-EXT
    推荐群组: EXT
    更多相关推荐
    JavaScript EXT 大家一定会给yui-ext的EditorGrid可编辑表格吸引,但编辑后怎么提交到后台Action?我也曾经苦恼了一段时间,在http://www.jackslocum.com/forum的论坛,jack sloc说过,如果使用XMLDataModel,你在grid编辑修改后,XMLDataModel中的数据也会同时修改,只要把XMLDataModel的数据生成xml提交后台就可以了,我在项目中没有实现XMLDataModel的xml传输,没验证他的说法,因为我找不到很好的java对象转换xml格式的包,希望网友有好的包介绍一下。 而我选择了JSONDataModel,要实现把json格式提交到服务器,jack sloc提示要自己转换json数据,晕,因为要在页面使用js脚本实现转换,开始觉得很难,但实现后发现并不困难,以下介绍一下,本文有些内容是参考了http://www.rodrigodiniz.qsh.eu/YahooGrid.aspx的grid例子: 1. 把dataModel数据回填Form中的元素 例子是实现把dataModel中的一行数据自动填到form表单的元素中,也就是替代struts的标签,这里要告诉大家,连jstl都不能用了,因为不用刷新页面,但还好,我还有点javascript基础,jstl的一些功能还可以用js实现。 例子: 说明:随便做一个简单的form。 dataModel= new YAHOO.ext.grid.JSONDataModel(schema); dataModel.addListener('load', onEditLoad); dataModel.load('http://xxx/example2.do'); 说明:在dataModel添加一个Listener,使用dataModel实时从后台example2.do取一个javabean对象new User(userId,userName)的数据(example2.do的实现可参考第一部分Action介绍),javabean数据返回后激活onEditLoad()方法,yui-ext使用一般使用callback得到回调数据,待会儿介绍。 function onEditLoad() { var row = dataModel.getRows([0,0]); var fields=dataModel.schema.fields; for(var i=0;i< fields.length;i++){ if ($(fields[i])!= null) { $(fields[i]).value= row[0][i]; } } } 说明: 因为返回是一个javabean,JSONDataModel已经转换成javascript数组对象,所以getRows([0,0]只取第一行数据[object1,object2],object1中包括userId=XXX,object2包括userName=XXX,在schema取出与javabean对应的fields数组[userId,userName), 这里用到prototype.js,网上很容易找到,它通过$(fields[i])调用form表单中的元素,其实$(fields[i])=document.getElementById(fields[i])),通过循环就可以把dataModel数据自动填到form表单元素。 2. 页面提交表单方法一: 使用prototype.js把form元素通过Form.serialize()方法自动调交后台,Action以request.getParameter("xxx")获取数据。例子如下: function Save(){ var callback = { success : responseSuccess, failure : responseFailure }; var postData=Form.serialize($("form1")); YAHOO.util.Connect.asyncRequest('POST', "http://xxx/example3.do", hcallback, postData); } var responseSuccess = function(o) { alert(o.responseText); } var responseFailure = function(o) { alert(o.statusText); } 说明:建立一个callback方法,使用Yahoo UI的asyncRequest()方法post数据到action,其原理就是在链接后面加参数,象http://xxx/example3.do?userId=XXX&userName=XXX,后台action通过request.getParameter("xxx")获取数据,但缺点是要手工对建立user对象。 3. 页面提交表单方法二:使用Json数据格式提交到后台Action 1)前台js脚本例子: function save() { var fields=dataModel.schema.fields; var objRet= new Object(); for(var i=0;i< fields.length;i++){ if ($(fields[i])!= null) { objRet[fields[i]]=$(fields[i]).value; } var callback = { success : responseSuccess, failure : responseFailure }; YAHOO.util.Connect.asyncRequest( 'POST', 'http://xxx/example3.do', callback, "outJSONXml=[" + YAHOO.ext.util.JSON.encode(objRet) + "]"); } 说明:通过dataModel的fields数组获取对象名,新建一个Object()对象,存放form表单中元素的value,然后通过Yahoo UI的JSON.encode()方法转换成json格式,其调交原理: http://xxx/example3.do?outJSONXml=[---json数据格式---] 2) 后台Action(example3.do)接收json数据格式例子: private BeanUtilsBean beanUtilsBean; if (request.getParameter("outJSONXml")!=null) { JSONObject jsonObject = new JSONObject(); jsonObject.put("JSonParser",request.getParameter("outJSONXml")); List list = JSONArray.toList( jsonObject.getJSONArray( "JSonParser" ) ); JSONDynaBean beana = (JSONDynaBean) list.get(0); User user = new User(); beanUtilsBean.copyProperties(user,beana) } 说明:因为JSONDynaBean对象是继承于DynaBean,所以可以通过apache的common包中的BeanUtilsBean把对象自动从JSONDynaBean拷贝到user对象,这样就省去了手工把对象逐一赋值的麻烦。 3) 关于updateManager()方法 yui-ext也提供一个updateManager方法,实现和Yahoo asyncRequest()方法一样的功能,可以实现把后台反回的信息填入一个
    提示用户,例子如下: var mgr = new YAHOO.ext.UpdateManager('errorDiv'); mgr.update('http://xxx/example3.do', "outJSONXml=[" + YAHOO.ext.util.JSON.encode(objRet) + "]", ); updateManager使用callback回调: mgr.update({ url: 'http://xxx/example3.do', params: "outJSONXml=[" + YAHOO.ext.util.JSON.encode(objRet) + "]", callback: updateString, text: 'Loading...', timeout: 10, scripts: true }); function updateString(oElement, bSuccess) { if (bSuccess) { alert(oElement.innerHTML); } } 总结:以上两部分一口气总结了我近两个星期对yui-ext在实际项目中测试应用的情况,现在我还在项目样例工程测试中,有很多细节的地方在这里没有很详细的罗列,由于yui-ext介绍的例子有限,对于前后台应用介绍很少,所以特意把经验写出来让大家少走弯路,共同研究,水平有限,请大家不要介意,请多交流指点。
    编程百科
    2020-08-27 14:01:53
    相关推荐: Dialog上放置Form实例 用Ext做的登陆窗口的例子 请教大家如何将页面的布局做成图2的那样?? YUI-EXT yui-ext基础入门(1) 《JavaScript凌厉开发--Ext详解与实践》一书说了些什么 初步搭建yui-ext(Ajax)的开发环境(后台->前台数据交换)
    推荐群组: EXT
    更多相关推荐
    JavaScript EXT 大家好: 我使用多个链接共用一个id,如下: 录入成绩 然后在ext中调用: /* * Ext JS Library 1.0 * Copyright(c) 2006-2007, Ext JS, LLC. * licensing@extjs.com * * http://www.extjs.com/license */ // create the HelloWorld application (single instance) var enterGrade = function(){ // everything in this space is private and only accessible in the HelloWorld block // define some private variables var dialog, showBtn,postBtn; var wait,error,errorMsg; var grade,commentInfo; //var simple,grade,stuAssignID,commention; // return a public interface return { init : function(){ showBtn = Ext.get('show-dialog-btn'); wait = Ext.get('post-wait'); error = Ext.get('post-error'); errorMsg = Ext.get('post-error-msg'); Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'under'; grade = new Ext.form.TextField({ allowBlank:false, regex:/^\d+(\.\d+)?$/, regexText:'必须输入实数,如3,2.5等' }); grade.applyTo('grade'); commentInfo=new Ext.form.TextArea({ allowBlank:true, grow: true, preventScrollbars:true }); commentInfo.applyTo('comment'); /* simple = new Ext.form.Form({ labelWidth: 75, // label settings here cascade unless overridden url:'http://localhost:8080/WebAssignMIS/gradeManage.do?method=enterGrade' }); stuAssignID=new Ext.form.TextField({ fieldLabel: 'First Name', name: 'a', width:175, regex:/^\d+$/, regexText:'成绩必须为合法,如4或3.5等', allowBlank:false }); grade=new Ext.form.TextField({ fieldLabel: 'First Name', name: 'grade', width:175, regex:/^\d+$/, regexText:'成绩必须为合法,如4或3.5等', allowBlank:false }); commention=new Ext.form.TextField({ fieldLabel: 'Email', name: 'comment', vtype:'email', regexText:'电子邮件不合法', width:175 }); simple.add(stuAssignID,grade,commention); simple.addButton('确定',simple.submit,simple); simple.addButton('取消'); simple.render('form-ct'); */ // attach to click event showBtn.on('click', this.showDialog, this); }, // submit the comment to the server submitComment : function(){ wait.radioClass('active-msg'); if(grade.validate()===false) { wait.update('验证信息不合法'); return; } var commentSuccess = function(o){ postBtn.disable(); wait.update('录入成绩信息成功!'); document.location.reload(); }; var commentFailure = function(o){ postBtn.enable(); error.radioClass('active-msg'); errorMsg.update('不能连接服务器.....'); }; Ext.lib.Ajax.formRequest('comment-form', 'http://localhost:8080/WebAssignMIS/gradeManage.do?method=enterGrade', {success: commentSuccess, failure: commentFailure}); }, closeWindow : function(){ grade.reset(); commentInfo.reset(); dialog.hide(); }, showDialog : function(){ if(!dialog){ // lazy initialize the dialog and only create it once dialog = new Ext.BasicDialog("comments-dlg", { autoTabs:true, width:500, height:330, shadow:false, minWidth:500, minHeight:330, proxyDrag:true }); dialog.addKeyListener(27, dialog.hide, dialog); postBtn =dialog.addButton('确定', this.submitComment, dialog); dialog.addButton('关闭', this.closeWindow, dialog); dialog.on('hide', function(){ wait.removeClass('active-msg'); error.removeClass('active-msg'); }); } dialog.show(showBtn.dom); } }; }(); // using onDocumentReady instead of window.onload initializes the application // when the DOM is ready, without waiting for images and other resources to load Ext.EventManager.onDocumentReady(enterGrade.init, enterGrade, true); //Ext.onReady(HelloWorld.init, HelloWorld, true); 但是在点击超链接的时候(由于有多个超链接),点击第一个超链接时候能弹出窗口,后面的就不能了。 请各位帮忙看看 是这么回事,谢谢!
    编程百科
    2020-08-27 14:01:47
    相关推荐: 违章车辆查询 JSON学习 Fastjson技术内幕 一个简单的JSON-ext,对很常见的列表数据,可以节省将近50%的网络带宽 Ext-json ext中对json数据的处理解析 Java构造和解析Json数据的两种方法详解一 Java手动拼接Ext组件json数据的简单方法
    推荐群组: Groovy on Grails
    更多相关推荐
    JavaScript EXT 常见的列表数据,标准JSON表达法为:var locations = [ { "precision": "zip", "Latitude": 37.7668, "Longitude": -122.3959, "Address": "", "City": "SAN FRANCISCO", }, { "precision": "zip", "Latitude": 37.371991, "Longitude": -122.026020, "Address": "", "City": "SUNNYVALE", } ]; 略微改进的写法: function location(p1,p2,p3,p4,p5){ this.precision = p1; this.Latitude = p2; this.Longitude = p3; this.Address = p4; this.City = p5; } var locations = [ new location("zip",37.7668,-122.3959,"","SAN FRANCISCO"), new location("zip",37.371991,"","SUNNYVALE") ] 客户端访问数据方式与原先一样。 当然,非javascript的客户端不一定支持这种写法,自己权衡是否值得采用。 这是7wxAop采用的格式,不知道为什么JSON不支持。
    编程百科
    2020-08-27 14:01:39
    就凭Dojo这个名字(一种日本文化元素,日本传统相关的,相扑学校还是什么的),我就会避而远之。还有他的风格,一个让人郁闷的前缀:Dojo。 而且一旦用了他,那么你的每个脚本中隔不了几行就得叫声Dojo。 生怕别人不知道你再用他的框架似的。 侵入严重,以后想从这个框架里面迁移出来,更是问题。
    编程百科
    2020-08-27 14:01:32
    但凡出现url地方,jack都会调离UpdateManageer,而这个UpdateManageer又会调Ext.lib.ajax,这个Ext.lib.ajax是什么呢?就是提供XHR的那些底层库,诸如yui,jquery,prototype...所以。。一言蔽之,你要在服务器上运行。
    编程百科
    2020-08-27 14:01:10
    相关推荐: Ext新手:有问题请教 yui-ext中多个超链接共用一个id问题 扩展Dojo 0.9之Resizable Dialog 扩展Ext.BasicDialog(dialog封装) Ext.ux.UploadDialog.Dialog Ext上传 Ext.ux.UploadDialog.Dialog上传组件+common-upload Ext.ux.UploadDialog.Dialog Ext上传 ext 多文件上传控件 Ext.ux.UploadDialog 使用中的问题
    推荐群组: javascript研究小组
    更多相关推荐
    JavaScript EXT 在Ext的API参考文档中看到,BasicDialog类的构造函数为:BasicDialog(String/Html/Element,Object config),新建一个Ext.form.Form(),然后将这个form传给这个Dialog,但是这样在弹出Dialog时,这个Form中的控件就乱了,整个Dialog也乱了,请问有没有人遇到类似问题?
    编程百科
    2020-08-27 14:01:01
    相关推荐: ext2.0下form提交字符编码的问题 firefox 2 的一个bug (更新) :关于页面元素位置信息 ext本地中文化问题 Ext表单组件实现用户注册 Extjs4.0学习指南 ExtJS导出Excel表格详解 我的评论 Struts1基于Json数据格式的ExtJs单选树(Struts1+Spring+Hibernate)
    推荐群组: EXT
    更多相关推荐
    JavaScript EXT 版本是1.0情况是基于: 1)页面使用的编码是UTF-8 2)引用的ext js文件是原始编码。没有修改过。(即从extjs.com下载) 3)在column header部分使用了 简体中文汉字 4)只发生在FF(当前使用2.0),IE6上面正常 看看有没有遇到同类问题的人。 好奇一下。 现在思路是,把所有ext-js 文件都转成UTF-8。 还没做^O^
    编程百科
    2020-08-27 14:00:54
    相关推荐: adobe edge试玩。 强烈推荐:《Adobe的故事》 Adobe为什么不收购Sun呢? Adobe Illustrator CEP插件开发系列(3)——插件文件结构说明 一个框架应该包含哪些内容? 浅谈JavaScript框架设计
    推荐群组: flex
    更多相关推荐
    JavaScript EXT Photoshop 6/7版的时候就支持JavaScript作为脚本了现在新发布的CS3中包含的Adobe ExtendScript看上去更是强大: Adobe ExtendScript
    编程百科
    2020-08-27 14:00:32
    sp42 写道
    IE的朋友可以用HttpWatch Pro也不错! firebug最新版 已经拥有 httpwatch的大部分功能,而且比httpwatch更直观, 不过我一直没有找到 Pro 的注册码,所以还在用很老的版本
    编程百科
    2020-08-27 14:00:25
    fcoffee 写道
    x035 写道
    谢谢fcoffee,运行成功,我想问一下,在Ext中,scope,createDelegate函数是什么意思,我的英文很差,Ext的英文文档看不懂
    可以参考下C#中的delegate 要用C#的概念理解JS??有点大材小用了吧 呵呵:D 虽然EXT使人们超出了对JS的理解,但是看看source再理解应该不是很难的。
    编程百科
    2020-08-27 14:00:17
    相关推荐: 从grid向tree的dd 基于ext2.0的含有checkBox的tree EXT2.0 checkbox树的扩展(支持单选,级联多选,只选叶子等) ExtTree例子 ext tree展开时的一些技巧 ExtJs之结构树 Ext.tree.panel详细用法 Ext tree 数据从后台读取 Extjs-树 Ext.tree.TreePanel
    推荐群组: EXT
    更多相关推荐
    JavaScript EXT 页面
    脚本 Ext.onReady(function(){ var xt = Ext.tree; // turn on quick tips Ext.QuickTips.init(); var cview = Ext.DomHelper.append('main-ct', {cn:[{id:'main-tb'},{id:'cbody'}]} ); // create our layout var layout = new Ext.BorderLayout('main-ct', { center: { title:'Components', margins:{left:3,right:3,bottom:3,top:3} } }, 'main-ct'); layout.batchAdd({ center : { el: cview, autoScroll:true, fitToFrame:true, resizeEl:'cbody' } }); // the component tree var ctree = new xt.TreePanel('cbody', { animate:true, enableDD:true, containerScroll: true, lines:false, rootVisible:false }); var croot = new xt.AsyncTreeNode({ allowDrag:false, allowDrop:false, id:'croot', text:'Packages and Components', cls:'croot', loader:new Ext.tree.TreeLoader({ dataUrl:'/tmp1.json' }) }); ctree.setRootNode(croot); ctree.render(); croot.expand(); }); JSON文件 [{"text":"profil1@anonyme.ca", "id":"10\/1", "cls":"cmp", "leaf":false, "children":[{"text":"Favoris", "id":"10\/1\/favoris", "cls":"cmp", "leaf":false, "children":[{"text":"une Fiche", "id":"10\/1\/favoris\/idFiche", "cls":"cmp", "leaf":true, }, {"text":"un sous-dossier de Favoris", "id":"10\/1\/favoris\/sousDossier", "cls":"cmp", "leaf":false, "children":[{"text":"une Fiche", "id":"10\/1\/favoris\/idFiche", "cls":"cmp", "leaf":true}] }] }, {"text":"Poubelle", "id":"10\/1\/poubelle", "cls":"cmp", "allowDrop":true, "leaf":true} ] }] 我运行这个例子,在firefox下正常显示,而IE下却什么都不显示,看一下。谢谢了
    编程百科
    2020-08-27 14:00:06
    关于LGPL许可证http://www.online-edu.org/index.php/10571/action_viewspace_itemid_9040 http://www.yuanma.org/data/2006/0410/article_234.htm 着眼点:“LGPL允许商业软件通过类库引用(link)方式使用LGPL类库而不需要开源商业软件的代码。”
    编程百科
    2020-08-27 13:59:59
    楼主也太会搞了吧,将新闻改点东西就发贴了?: AJAXRPC让javascript直接调用服务端方法:http://www.iteye.com/news/18005-ajax-json-javascript-rpc
    编程百科
    2020-08-27 13:59:24
    如果window dom是在layout布局内部,弹出的窗口位置是相对于布局定位的,但定位的算法却是相对于浏览器窗口的,所以窗口只能在layout内部拖动,出现的位置也不太对。dom移到layout外部可以解决,如果框架里面能处理也许会更方便。
    编程百科
    2020-08-27 13:59:17
    AJAX传递数据就是以UTF-8编码传递的 有时候你那样还解决不了我就遇到过。 在过滤器设置编码对AJAX请求与响应的貌似不管用 在服务器端(如:Servlet)加上 request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8"); 再不行的话 分析一下到底是在那个环节出现的乱码,再对相应的乱码进行转换,再不行就别传中文,用英文!或者进行加密,传加密之后的字符串
    编程百科
    2020-08-27 13:58:30
    转成HD的是什么概念啊?按我的理解,视频一录出来不就是应该超级清楚的吗?还要再转一遍?我看http://www.uspcat.com那边的老大@yunfengcheng 做的视频挺清楚的呢,是因为他只提供了网盘下载而没有传成在线视频的原因吧?教程类视频传优酷实在是太不合适了……
    编程百科
    2020-08-27 13:58:23
    相关推荐: “多叉树”和“加权多叉树”在软件开发中的应用(讨论帖,欢迎各位IT人踊跃发表评论) 【调查问卷】:多叉树技术使用情况调查(构建多级有序树形结构JSON(或XML)数据源的方法) 多叉树结合JavaScript树形控件实现无限级树形菜单(一种构建多级有序树形结构JSON(或XML)数据源的方法) 无限极二叉树,数据结构,经典算法 多叉树结合JavaScript树形控件实现无限级树形菜单(一种构建多级有序树形结构JSON(或XML)数据源的方法) 利用多叉树实现Ext JS中的无限级树形菜单(一种构建多级有序树形结构JSON的方法)... 某Java大佬在地表最强Java企业(阿里)面试总结
    推荐群组: EasyUI
    更多相关推荐
    EXT 多叉树 加权多叉树 树形json
    *
    我在论坛上发的一篇帖子: 《 利用多叉树实现Ext JS中的无限级树形菜单(一种构建多级有序树形结构JSON的方法) 》, 已经发贴7个月左右, 我想在这里做一下调查,关于 这篇文章,我看到截止到目前为止:浏览次数是3733次 ,是否有人已经把我的方法用到了实际的项目中,如果已经采用了,能否回复一下,使用效果如何,是否有什么漏洞和缺陷,如果有的话请尽快给我指出来,谢谢,如果用的好,也请回复一下,给我个反馈。
    *
    多叉树的最初目的是用于解决“将数据库中的层次数据转换成树形结构的JSON字符串”的问题。
    *
    请已经在实际项目中使用多叉树技术的同志给我反馈一下使用情况,谢谢了, ,您的反馈信息(只是举手之劳)对我来说很有帮助,呵呵。
    *
     
    编程百科
    2020-08-27 13:58:14