s2sh+jquery+easyui+ss3 新的进展

这边显示不正确.换到沙发去发表 登陆界面在相册里面 比较粗糙 大家将就将就*_*

最低部的横幅 我觉得写的挺好的 想必大家也心动了 这个插件叫做 css-dock-menu 有兴趣的便宜可以去了解一下

 

评论

13 楼 andrew_cn 2013-02-08  

楼主发份代码呗，研究下jquery,[e-mail],谢谢！

12 楼 hlj79513 2012-12-02  

lihuoqingfly 写道

楼啊主啊，能给我份源码么? [e-mail] 我的博客lihuoqing.cn 相互学习

这个...好久没用了.现在回去看,代码写的却是很烂 - -.

11 楼 hlj79513 2012-12-02  

caikeyter 写道

css-dock-menu  你这个为什么能再最顶层的啊？

这个是样式问题.主要是position和z-index的属性设置.可以用FF调试

10 楼 lihuoqingfly 2012-11-16  

楼啊主啊，能给我份源码么? [e-mail] 我的博客lihuoqing.cn 相互学习

9 楼 SoarDing 2012-09-21  

兄弟，能不能把代码发一份给我
谢谢了。弟弟也在搞这个。[e-mail]

8 楼 caikeyter 2012-07-27  

css-dock-menu  你这个为什么能再最顶层的啊？

7 楼 play007130765 2012-06-11  

大哥，有木有源码，新手，小弟学习学习啊

6 楼 hlj79513 2012-01-29  

mayimliu 写道

龙岩的呀~ 哇哈哈哈~ 老乡啊

呵呵是啊

5 楼 mayimliu 2012-01-07  

龙岩的呀~ 哇哈哈哈~ 老乡啊

4 楼 hwh0919 2011-09-09  

仁兄，你的tab 里的内容怎么加载呢？

3 楼 xy_arrow 2011-07-27  

木有源码 ...?

2 楼 hlj79513 2011-06-07  

界面 center部分的代码:

$('#p_org').datagrid({
				url: url,
				loadMsg:'请稍等...',
				title: '机构详细信息',
				height: 340,
				striped: true,//奇偶行变色
				collapsible:true,//可折叠
				remoteSort: false,//是否从远程服务器排序
				fitColumns: true,//列适应table大小
				pagination:true,//分页
				singleSelect:true,//只允许单选
				columns:[[
					{field:'id',title:'序号',width:30,align:'center',sortable:true},
					{field:'name',title:'机构名称',width:80,align:'center',
						formatter:function(value,rec){
							var orgs_url='json/Org_show?ownerId='+rec.id; 
							return '<span><a href="#" onclick="getOrgs('+'\''+orgs_url+'\''+')">'+value+'</a>'+'</span>';
						}
					},
					{field:'sn',title:'编号',width:30,align:'center',sortable:true,
						sorter:function(a,b){
							return (a>b?1:-1);
						}
					},
					{field:'ownerName',title:'父机构',width:50,align:'center'}
				]],
				toolbar:[{
					id:'btnadd',
					text:'添加',
					iconCls:'icon-add',
					handler:function(){
						$('#btnsave').linkbutton('enable');
						saveOrUpdateOrgInput(1);
					}
				},{
					id:'btncut',
					text:'删除',
					iconCls:'icon-cut',
					handler:function(){
						$('#btnsave').linkbutton('enable');
						deleteOrg();
					}
				},'-',{
					id:'btnupdate',
					text:'更新',
					iconCls:'icon-update',
					handler:function(){
						$('#btnupdate').linkbutton('enable');
						saveOrUpdateOrgInput(2);
					}
				  }]
			});
		}

这个的弹出window的代码:注解我都写的比较详细了  大家有哪个地方看不懂的可以提出来,大家一起讨论讨论

//打开保存或更新的窗口 oprerate 1为save 2为update 
		//同时将oprerate的值附到弹出的对话框中,用来判断访问的链接.
function saveOrUpdateOrgInput(oprerate){
			var org;
			$('#orgSn').attr('readonly','true');
			if(oprerate==1){
			$('#oprerate').attr("value","1");
			$('#orgId').attr('value','0');
			}
			if(oprerate == 2){
				$('#oprerate').attr("value","2");
				org = getOrgSelected();
				$('#orgForm').form('load',{
				id:org.id,
				name:org.name,
				sn:org.sn,
				ownerName:org.ownerName,
				opretare:oprerate
				});
			}
			//机构名称验证 
			$('#orgName').validatebox({required:true});
			$('#orgSaveOrUpdateInput').window({
				width: 400,
				modal: true,
				shadow: true,
				closed: false,
				height: 250
			});
		}
		//保存或更新确认
		function saveOrUpdateOrgOk(){
			var url;
			//判断机构名称是否为空 空这返回 输入窗口 不继续执行 
			if(!$('#orgName').validatebox('isValid')){return;}
			//关闭输入窗口
			$('#orgSaveOrUpdateInput').window('close');
			if($('#oprerate').attr("value") == 1){url = 'json/Org_add';}
			if($('#oprerate').attr("value") == 2){url = 'json/Org_update';}
			//弹出提示
			$.messager.show({
				title:'温馨提示',
				msg:'您的请求操作已经发送,等待服务器响应中...',
				timeout:3000,
				width:230,
				height:100,
				showType:'show'
			});
			
			$.post(
				url,
				$('#orgForm').serialize(), 
				function(date){
					$.messager.show({
						title:'温馨提示',
						msg:'操作成功!!!',
						timeout:3000,
						width:230,
						height:100,
						showType:'show'
					});
					$('#p_org').datagrid('reload');
				}, 
				'json'
			);
		}
		//保存或更新取消
		function saveOrUpdateOrgCancle(){
		$('#orgSaveOrUpdateInput').window('close');
		}

1 楼 hlj79513 2011-06-07  

这个是主页面:

这个是点击下面的横幅,模仿mac 的 鼠标移动在上面会有驼峰效果

采用ajax 来读取后才数据 并且用dataGird来进行展现 读取的时候画面会显示进行等待

选中其中一条数据 点击进行更新 弹出easyui的window 并且将改条数据的内容传到window 部分设置了不可修改

点击OK window 关闭 并且 弹出messager

成功则 弹出 提醒

选中记录 点击删除 弹出 确认框

点击添加 弹出对话框 还是刚刚那个window  用来easyui的ValidateBox

数据还支持排序

好了到了提问的时间了.
小弟碰到一个问题 本来点击列 即是上面"序号" 的是否会弹出右键菜单 取消则该列的数据都不会显示
但是显示不正确
上面是实际的 下面的是理想的 不知道什么原因

这个是测试输出的效果

不知道有没那位有过相关经验
还有关于我现在的构架有点疑问:
如果照这样写的话 那前端的script不是很大了 而且还比较凌乱. 大家给点建议吧