其实我对easyui这方面不是很熟,以前只管后台的操作,界面全是美工的事,js等也只是一些简单验证。看了公司做的网站,框架神马的都是直接使用easyui的样式,就是改了一个简单的logo和头部,样子嘛还真是让人无语啊···但是人家简单方便啊,不用美工啥事了,自己全能搞定。也许主要是我看不怪这种样式的网站吧,反正我是看不下啊。但是看不下去也要看下去,没办法,谁让自己以后也要做这个呢!

是我自己不熟悉吧,技术不好不能怪它。做一个列表还得找个url,开始接触也看不懂,使用以前的方式,点击链接时找到所有的信息,但是它显示出来的信息是json格式的那种,也不能使用,后来看看demo这些玩意,但是demo中使用的都不是java的,人家都是用php的,php我也看不懂,真是愁的慌。后来也是慢慢摸索吧,在table中加入url连接数据表。里面的参数还这不少,我也不会一个个看懂,反正能显示就行了。也许是我还没弄清楚吧,可是查询的数据只能是那个表啊,数据参数神马的还非得小写<th field="id">id</th>,格式不好看不说,我要是查询多表的连接肿么办?虽然我现在还不知道,也许在未来的某一天里需要的时候我就能找到方法了。

在给信息进行添加修改等操作时,还得弹出一个框来写,我觉得还不如重新写一个jsp简单直观又大方。那么多的框子在里面,差点就分不清谁是谁啊,这一下那一下,我一个头两个大啊。还得写js,我是真的不会啊,自己捣鼓的不是这不对就是那不对,网上例子大多是php的,我这想找解决方案都无从下手。做查找时,开始写了好大一段,试了一下,哎呦,可以,但是我忽略了最大的问题:乱码!开始英文字符查找的好好的,查了中文之后发现它居然查了两次,一次没有乱码,到第二次的时候就有乱码了,当时在table中的method中加了post也没管用,谁知道居然要在这里面加,这才算解决了,网上说的那些什么解决方法一点用处都没有,还长篇大论的一大堆。

 function findUser(){

    var uname = $('#uName').val();

    var ucode = $('#uCode').val();

    $('#dg').datagrid({queryParams:{uName:uname,uCode:ucode},method:'post'});

    }

添加什么的还好一点,更新的时候遇到了问题,更新时弹出的框中应该有基本的信息啊,可是这里什么也没有,不过还好这个问题很快就找到了解决方案:

 function editUser(){

        var row = $('#dg').datagrid('getSelected');

        if (row){

            $('#dlg').dialog('open').dialog('setTitle','编辑');

            $('#fm').form('load',row);

            $('#ucode').val(row.ucode);

            url = '../do/user/editUser?id='+row.id;

        }

    }

话说这个保存的功能我还真没看懂,只是照葫芦画瓢的,反正能用,自己也不是很能理解,能懂则懂,至少能自己做出来吧,也算是欣慰了···

    function saveUser(){

        $('#fm').form('submit',{

            url: url,

            onSubmit: function(){

                return $(this).form('validate');

            },

            success: function(result){

                var result = eval('('+result+')');

                if (result.errorMsg){

                    $.messager.show({

                        title: 'Error',

                        msg: result.errorMsg

                    });

                } else {

                $.messager.alert("提示信息","保存成功");

                    $('#dlg').dialog('close');        // close the dialog

                    $('#dg').datagrid('reload');    // reload the user data

                }

            }

        });

    }