[常见问题] EasyUI性能优化1:慎用组件的url属性AJAX异步加载数据
mikel
2011-11-25
使用EasyUI框架制作页面,往往会让我们不如组件满天飞,Ajax不断的境地,可Ajax虽然可以提高用户体验,但是同样也会提高过多的服务器请求导致性能缓慢的问题,下面用实例讲解一下如何优化
性能,下面的例子用我们常用的combobox组件为例,源代码如下: 1 $('#combobox1,#combobox2').combobox({ 2 url:'/User/Users', 3 valueField:'id', 4 textField:'name' 5 }); 这样使用页面就会再初始化的时候,就会请求两次”/User/Users”的数据,导致过多的服务器请求,查询两次数据库,于是可以在第一次进入页面的时候将Users查询一次,返回到页面声明成Users数组 然后combobox组件进行data绑定,不在url异步获取数据,这样提高页面速度,代码如下: 1 var Users=<%=ViewData["Users"]%>; 2 $('#combobox1,#combobox2').combobox({ 3 data:Users, 4 valueField:'id', 5 textField:'name' 6 }); |