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