其实我对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
}
}
});
}
转载于:https://blog.51cto.com/lmq4930/1422173