JqueryEASYUI设计注意点

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

创新互联公司主要从事成都网站设计、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务晋城,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

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);