您的位置：首页 > Web前端 > JavaScript

Ext Js入门第8篇-适用工具

2017-05-25 16:10 92 查看

1.Ext.util.HashMap与Ext.util.MixedCollection

该方法类似java的HashMap，存放key和value<script>
var map=new Ext.util.HashMap();
map.add("java",89);
map.add("spring",92);
//判断是否包含某个key
document.writeln(map.containsKey("java")+"</br>");
//判断多少对key-value
document.writeln(map.getCount()+"</br>");
//删除指定key
document.writeln(map.remove("java")+"</br>");
</script>2.使用Exit.util.Cookies操作Cookie

<body>
<input type="text" id="myName" /></br>
<button onclick="Ext.util.Cookies.set('name',Ext.fly('myName').getValue(),new Date(2020,1,1));">添加cookie</button>
<button onclick="alert(Ext.util.Cookies.get('name'));">访问cookies</button>
<button onclick="Ext.util.Cookies.clear('name');">清除cookies</button>
</body>

3.包装点击事件 Ext.util.ClickRepeater
当鼠标按下时，被包装的元素就会激发click事件，除此之外，他还有一个作用：用户单击一次之后，Ext Js会被动按指定事件间隔不断激发click事件<body>
<button id="bn">单机我</button>
</body>
<script>
var c1=new Ext.util.ClickRepeater("bn",
{
delay:1000,//指定开始重复触发click事件之前的延迟时间
interval:4000,//指定重复触发click事件之间的时间间隔
stopDefault:true,//停止该元素上的click事件的默认行为
handler:function(){
alert("单击该按钮");
},
pressedCls:"pressed"
});
</script>4.使用ext.util.TaskRunner和Ext.TaskManager
两者都是用于周期内执行某个计划

还有很多其他的工具，这里不一一列举了，大家可以网上搜搜

5.AJax支持<body>
<form id="userForm">
用户名：<input type="text" name="user" id="user" /></br>
喜欢的书：<select multiple="multiple" name="books" id="books">
<option value="java">java</option>
<option value="javaee">javaee</option>
</select></br>
<input id="load" type="button" value="异步请求" />
</form><hr/>
<div id="show"></div>
</body>
<script>
//为id为load的组件的click事件绑定事件处理
Ext.fly("load").on("click",function()
{
Ext.Ajax.request({
url:'pro',//请求url
method:'POST',//请求方式
form:'userForm',//请求userForm作为参数
params:{//指定请求参数
user:Ext.fly('user').getValue(),
books:Ext.fly('books').getValue()
},
//指定响应回调函数
succes:function(response){
//使用show元素显示服务器响应
Ext.DomHelper.overwrite('show',response.responseText);
}
});
});
</script>java后台代码

@RequestMapping("/pro")
public class testController {
public void service(HttpServletRequest request,HttpServletResponse response) throws IOException{
response.setContentType("text/html;charset:GBK");
PrintWriter out=response.getWriter();
//获取请求参数
String user=request.getParameter("user");
String [] books=request.getParameterValues("books");
//生成Html字符串响应
out.print(user+"您现在的时间是："+new java.util.Date());
}
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航