easyUI笔记.doc

一 获取一行数据var rows = $(#teacherInfoTable).datagrid(getChecked); 示例：修改一行数据的js代码 function edit() var rows = $(#teacherInfoTable).datagrid(getChecked);if (rows = undefined | rows = null | rows.length = 0) top.layer.alert(请选择行！); /注释：在顶部出现一个弹窗 else if (rows.length 1) top.layer.alert(只能选择一个！); else var url = $pageContext.request.contextPath/teacher/teacherInfoEdit$empty stage?:/$stage$empty postId?:/$postId?id= + rows0.id + &t= + new Date().getTime();top.$.layer(type : 1,shadeClose : true,title : 教工编辑, border:none; background:#4E96EC; color:#fff; ,closeBtn : 0, true ,shade : 0.8, #000 ,border : 0 ,offset : , ,area : 1050, 720 ,page : url : url,btns : 2,btn : 提交, 取消 ,yes : function(index) var $form = top.$(#xubox_layer + index + form);$form.ajaxSubmit(dataType : json,beforeSend : function(XHR) return $form.form(validate);,success : function(data) if (data.success) top.layer.close(index);$(#teacherInfoTable).datagrid(reload);top.$.jGrowl(data.msg);,error : function(e, s1, s2) top.$.jGrowl(操作失败！);););二jGrowl插件的用法/ Sample 1：提示后自动消息$.jGrowl(Hello world!); / Sample 2：需要用户手动关闭$.jGrowl(Stick this!, sticky: true ); / Sample 3：增加标题$.jGrowl(A message with a header, header: Important ); / Sample 4：指定在10秒后自动消失$.jGrowl(A message that will live a little longer., life: 10000 ); / Sample 5：消失后有回调事件$.jGrowl(A message with a beforeOpen callback and a different opening animation., beforeClose: function(e,m) alert(About to close this notification!); , animateOpen: height: show );三点击查看单个信息的全部内容，在通过layer弹窗里出现所有的数据示例：function detail() var rows = $(#teacherInfoTable).datagrid(getChecked);if (rows = undefined | rows = null | rows.length = 0) top.layer.alert(请选择行！); else if (rows.length 1) top.layer.alert(只能选择一个！); else var url = $pageContext.request.contextPath/teacher/teacherInfoDetail?id= + rows0.id + &t= + new Date().getTime();top.$.layer(type : 1,shadeClose : true,title : 教工信息, border:none; background:#4E96EC; color:#fff; ,closeBtn : 0, true ,shade : 0.8, #000 ,border : 0 ,offset : , ,area : 1050, 720 ,page : url : url,btns : 1,btn : 关闭 ,);三使可以能够拖动，使用easyUI中的draggable的属性$(#dd1).draggable();四创建链接按钮使用Link button的属性示例：CancelRefreshQuerytext buttonPrint五用layout来划分区域（就是在一个大的div里面加上class=easyui-layout属性，然后他里面包含的两个div会被分个开，比如左边是菜单，右边是内容）示例： Select language: Java C# VB Erlang 六设置布局的属性 region=center region=west 也就是东南西北中 方向的意思七easyUI显示标签页的话使用tabs属性示例： First Tab Second Tab Third Tab 图见地址：/tutorial/16.html八easyUI动态添加标签页地址如下：/tutorial/17.html九EasyUI添加自动播放标签页地址如下：/tutorial/18.html十easyUI获取到选中行的数据var row = $(#tt).datagrid(getSelected);示例var row = $(#tt).datagrid(getSelected); if (row) alert(Item ID:+row.itemid+ Price:+row.listprice); 获取到选中行的编号： var ids = ; var rows = $(#tt).datagrid(getSelections); for(var i=0; irows.length; i+) ids.push(rowsi.itemid); alert(ids.join( );十一给单元格上面添加工具栏：AddCutSave十二添加复选框我们只需要在列的前面加上一个就行，如果 idField 属性已设置，数据网格（DataGrid）的选择集合将在不同的页面保持。 Item ID Product ID List Price Unit Cost Attribut