使用easyui來顯示列表

其實我對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

                }

            }

        });

    }


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章