成都网站建设设计

将想法与焦点和您一起共享

JqueryEASYUI设计注意点-创新互联

最近用了easyui做界面的相关设计,使用过程遇到了各种问题,例如 easyui combobox 在浏览器中的不兼容问题等;这里罗列一下遇到的问题;

目前成都创新互联已为上1000+的企业提供了网站建设、域名、虚拟空间、网站运营、企业网站设计、凤城网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

1、select标签在chrome下下拉列表以及显示问题,官方demo如下


		Alabama
		Alaska
		Arizona
		Arkansas

 我自己的编写时代码如下:


		
		Alabama
		
		
		Alaska
		
		
		Arizona
		
		
		Arkansas
		

差异就是在每对标签是否换行,调试了很久终于发现这个现象。

2.easyui datagrid的使用 分页自定义处理,安装要求对控件的默认分页图标转换成  首页 上一页  下一页   尾页 这种格式将如下代码放入后发现总是无法渲染成上述自定义的格式:

$("#dg").datagrid({
    onLoadSuccess:function(){
        var pagerTips = ["首页","上一页","下一页","尾页"];
        $(".pagination").find("td:eq(2),td:eq(3),td:eq(9),td:eq(10)").each(function(i){
            $(this).find(".l-btn-text").html(pageTips[i]);
        });
    }
});			

按代码逻辑数据加载成功后进行该段自定义的代码处理,浏览调试中发现已经加载渲染,但是实际展示效果就是没有出现,纠结呀,无论怎么调整就是不出现,网上提示也是这么写法,最后尝试是否因为框架加载数据过快导致页面未来的及渲染这个效果。结果尝试延迟加载代码

$("#dg").datagrid({
    onLoadSuccess:function(){
        setTimeout(function(){var pagerTips = ["首页","上一页","下一页","尾页"];
        $(".pagination").find("td:eq(2),td:eq(3),td:eq(9),td:eq(10)").each(function(i){
            $(this).find(".l-btn-text").html(pageTips[i]);
        });
    }
});},50);

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章名称:JqueryEASYUI设计注意点-创新互联
文章起源:http://chengdu.cdxwcx.cn/article/cscjds.html