前端框架Easyui学习积累

前端框架Easyui学习积累

1.easyui textbox 赋值：$("#id").textbox("setValue","xx");

 

2.esayui datebox formatter之后要parser，否则不论点击什么时间都会显示当前日期:

$.datebox({formatter:function(date){},parser:function(s){}})

 

3. easyui给控件setValue操作，使用此方式：$("input[name=workno]").textbox("setValue","xx");

报错原因：筛选器筛选出多个dom元素，不知道给哪个setvalue，故报错，直接采用id选择器即可：$("#workno").textbox("setValue","xx");

 

4. easyui  新增行的时候，row : {}  数据对象不能跟其他行引用一个，否则会造成多行共用同一行数据的现象，比如修改第二行的值，第一行的值跟着变，第二行一整行数据的值跟第一行相同（复制现象），这种现象导致的原因正是因为两行row引用同一个数据对象。

 

5. easyui datetimebox:在ie浏览器不兼容处理办法

formatter：是格式化时间

parse：是对格式化的时间进行解析，ie浏览器应该是解析的时候出现问题故采用以下方法：

parser: function (s) {// 不加这个会始终显示当前日期

                // 为了兼容ie浏览器

                if (s == "") {

                    return new Date();

                } else {

                    var ss = s.split(" ");

                    var ymd = ss[0].split("-");

                    var hm = ss[1].split(":");

                    var y = parseInt(ymd[0], 10);

                    var m = parseInt(ymd[1], 10);

                    var d = parseInt(ymd[2], 10);

                    var h = parseInt(hm[0], 10);

                    var min = parseInt(hm[1], 10);

                    if (!isNaN(y) && !isNaN(m) && !isNaN(d) && !isNaN(h) && !isNaN(min)) {

                        return new Date(y, m - 1, d, h, min);

                    } else {

                        return new Date();

                    }

                }

            }

datetimebox问题2：带斜杆的日期不能被接收 ，各种浏览器都不能。