EasyMvc入门教程-基本控件说明(2)定时器
2018-01-17 13:42
429 查看
我们有时候希望系统能自动刷新后台数据或者做某个动作,那么定时器的作用就体现出来了。
EasyMvc默认提供的服务器可以定时调前端方法与定时调后端方法,先看例子:
定时调客户端事件
实现代码:
请注意:
效果截图如下:
定时调服务端事件
实现代码:
请注意:
效果截图如下:
技巧:如果您同时触发了客户端方法与服务端方法,需要您在客户端方法里返回true,服务端方法才会被调用,意味着可以在触发服务端方法之前做一些客户端的校验等动作。
深入:本质上,定时器封装了js的setInterval方法。:)
总结:定时器的使用就简单介绍到这里,希望继续保持简单的心情。
更多使用示例请浏览在线示例:http://core.zwc.cn
EasyMvc默认提供的服务器可以定时调前端方法与定时调后端方法,先看例子:
定时调客户端事件
实现代码:
@Html.Q().Timer().Name("mxd").Interval(1000).ClickClientEvent("before") <script> var i = 0; function before() { i++; layer.msg("客户端方法,结果为:" + i); } </script>
请注意:
Interval 是用来设置定时器的时间间隔的。
ClickClientEvent 需要传入你希望调用的客户端方法名。
效果截图如下:
定时调服务端事件
实现代码:
@Html.Q().Timer().Name("mxd").Interval(1000).ClickServerEvent("/Home/GetTime", null, "back") <script> i = 0; function back(data) { i++; layer.msg("服务器返回的第" + i + "条消息:<br>" + data); } </script>
请注意:
ClickServerEvent 第一个参数为服务器的Action地址,第二个参数为JSON数据,第三个参数为回调的客户端方法,回调方法会自动携带服务器返回的数据data。
效果截图如下:
技巧:如果您同时触发了客户端方法与服务端方法,需要您在客户端方法里返回true,服务端方法才会被调用,意味着可以在触发服务端方法之前做一些客户端的校验等动作。
深入:本质上,定时器封装了js的setInterval方法。:)
总结:定时器的使用就简单介绍到这里,希望继续保持简单的心情。
更多使用示例请浏览在线示例:http://core.zwc.cn
相关文章推荐
- EasyMvc入门教程-基本控件说明(6)进度条
- EasyMvc入门教程-基本控件说明(8)提醒导航
- EasyMvc入门教程-基本控件说明(1)按钮
- EasyMvc入门教程-基本控件说明(4)折叠面板
- EasyMvc入门教程-基本控件说明(13)选项卡导航
- EasyMvc入门教程-基本控件说明(10)图片轮播导航
- EasyMvc入门教程-基本控件说明(11)菜单导航
- EasyMvc入门教程-基本控件说明(7)文字块导航
- EasyMvc入门教程-基本控件说明(9)引言导航
- EasyMvc入门教程-基本控件说明(12)栏目导航
- EasyMvc入门教程-基本控件说明(3)时间线
- EasyMvc入门教程-基本控件说明(5)小图标
- EasyMvc入门教程-高级控件说明(17)对话框控件
- EasyMvc入门教程-高级控件说明(18)弹出框控件
- EasyMvc入门教程-高级控件说明(14)列布局控件
- EasyMvc入门教程-高级控件说明(19)表单控件
- EasyMvc入门教程-图形控件说明(21)线形图+柱状图+饼形图
- EasyMvc入门教程-高级控件说明(15)方位布局控件
- EasyMvc入门教程-高级控件说明(20)表格控件
- EasyMvc入门教程-高级控件说明(16)信息框控件