Jquery Easyui Design Note points

Recently used Easyui to do interface design, the use of the process encountered a variety of problems, such as Easyui ComboBox in the browser incompatibility issues, such as; here is a list of the problems encountered;

1, the Select tag in the Chrome drop-down list and display problems, the official demo is as follows

<select class= "Easyui-combobox" name= "state" style= "width:200px;" ><option value= "AL" >alabama</option><option value= "AK" >alaska</option><option value = "AZ" >arizona</option><option value= "AR" >Arkansas</option></select>

My own code of writing is as follows:

<select class= "Easyui-combobox" name= "state" style= "width:200px;" ><option value= "AL" >alabama</option><option value= "AK" >alaska</option><option value = "AZ" >arizona</option><option value= "AR" >Arkansas</option></select>

The difference is in each pair of <option></option> label whether the line, debugging for a long time finally found this phenomenon.

2.easyui DataGrid using paging custom processing, installation requires the default paging icon for the control to be converted to the first page previous next end This format will not be able to render the following code into the custom format:

$ ("#dg"). DataGrid ({onloadsuccess:function () {var pagertips = ["Home page", "previous page", "Next Page", "last"]; $ (". Pagination"). Find ("Td:eq (2), Td:eq (3), Td:eq (9), Td:eq (Ten)"). each (function (i) {$ (this). Find (". L-btn-text"). htm        L (Pagetips[i]);    }); }});

According to the code logic data loaded successfully after the custom code processing, browsing debugging found already loaded rendering, but the actual display effect is not appear, tangled ah, no matter how the adjustment is not appear, online tips are so written, The last attempt is because the framework loads the data too quickly causing the page to be future and render this effect. Result attempting to delay loading code

$ ("#dg"). DataGrid ({onloadsuccess:function () {setTimeout (function () {var pagertips = ["Home page", "previous page", "Next Page", "last"]; $ (". Pagination"). Find ("Td:eq (2), Td:eq (3), Td:eq (9), Td:eq (Ten)"). each (function (i) {$ (this). Find (". L-btn-text"        ). HTML (pagetips[i]);    }); }});},50);

This article is from the "Summary of problems encountered" blog, please be sure to keep this source http://4184212.blog.51cto.com/4174212/1545190

Jquery Easyui Design Note points