Easy-ui常见用法总结
来源:互联网 发布:mysql连接数据库 编辑:程序博客网 时间:2024/06/05 18:47
消息提示框:
1.
通过Id设置不可编辑
var SJSHJG = document.getElementById("SJSHJG");SJSHJG.disabled = true;
//为datebox设置提前为当前的日期var date=new Date();var day = date.getDate() > 9 ? date.getDate() : "0" + date.getDate();var month = (date.getMonth() + 1) > 9 ? (date.getMonth() + 1) : "0"+ (date.getMonth() + 1);var tbrq=date.getFullYear() + '-' + month + '-' + day;$("#TBRQ").datebox("setValue", tbrq);
var obj = document.getElementById("divPanel");//得到DIV对象 var e = obj.getElementsByTagName("INPUT");//得到此DIV里的所有INPUT对象 for (var i=0; i<e.length; i++){ e[i].disabled = false; }
//ajax提交表单$.ajax({ type: "post", url:"<%=basePath%>ZYBHBB/SaveBBJBXX.do", data:$("#ZYBHBBXXB").serialize(), async:false, success:function(pd){ submitForm(); }, error:function(e){ $.messager.alert('提示信息', '新增项目失败', 'warning'); }});
$("#dataView").on("click",function(){ var url="<%= basePath%>regulateNav/to_DataView.do"; window.open(url); })
<!--新增的弹出框--> <div id="increaseDialog" class="easyui-dialog" data-options="headerCls:'titlecls'"></div>
$('#increaseDialog').dialog({ title: '占用补划报备信息表', width:$(window).width()-21, height:$(window).height()-34, left:10, top:10, zIndex:1000, draggable:false, resizable:false, shadow:false, closed: true, cache: false, href: '<%=basePath%>regulateNav/to_zybh.do', modal:false });
var toolbar=[{ text:'更新包数据浏览', iconCls:'refeshlook', handler:function(){ debugger; var row = $('#tb').datagrid('getSelected'); if (row){ bbbh=row.bbbh; var url="regulateNav/to_DataView.do?bbbh="+bbbh; window.open(url); } else { $.messager.alert('操作提示:','请选择一条信息!',"info") ; } } },{ text:'日志', iconCls:'log', handler:function(){ var row = $('#tb').datagrid('getSelected'); if (row){ var bbbh=row.bbbh; $("#fid").val(bbbh); $('#logDialog').dialog('open'); } else{ $.messager.alert('操作提示:','请选择一条信息!',"info") ; } } },{ text:'申报表单浏览', iconCls:'reportlook', handler:function(){ debugger; var row = $('#tb').datagrid('getChecked'); var id = row[0].bbbh; var lx = row[0].ywmc; if(row.length>1 || row.length<0){ $.messager.alert('操作提示:','请选择一条信息!',"info") ; }else{ if(lx=="占用补划报备"){ $("#fid").val(id); $("#LX").val(lx); $("#BJ").val("浏览"); $('#increaseDialog').dialog('open'); }else{ $("#fid").val(id); $("#LX").val(lx); $("#BJ").val("浏览"); $('#reduceDialog').dialog('open'); } } } }]; $(function(){ $('#tb').datagrid({loadFilter:pagerFilter}).datagrid(); //分页 $('#tb').datagrid({ width:'100%', height:$(window).height()-$(".condition").height()-80, singleSelect:true, toolbar:toolbar, url:"ZYBHBB/findFinishBoxList.do", fitColumns:true, rownumbers:true, pagination:true, fitColumns:true, nowrap:false, columns:[[ {field:'ywmc',title:'业务类别',width:70,align:'center'}, {field:'bbbh',title:'报备编号',hidden:'true'}, {field:'bbxmmc',title:'报备项目名称',width:70,align:'center'}, {field:'szxzqmc',title:'行政区',width:70,align:'center'}, {field:'szxzq',title:'行政区',hidden:'true'}, {field:'bblx',title:'补划类型',width:70,align:'center'}, {field:'dqzt',title:'当前环节',width:70,align:'center'}, {field:'tbdw',title:'填报单位',width:70,align:'center'} ]] }); }); //分页 function pagerFilter(data){ if( data == null){ var dg = $(this); var pager = dg.datagrid('getPager'); pager.pagination({ total:0, pageSize:10 }); }else{ if (typeof data.length == 'number' && typeof data.splice == 'function'){ // 判断数据是否是数组 data = { total: data.length, rows: data } } var dg = $(this); var opts = dg.datagrid('options'); var pager = dg.datagrid('getPager'); pager.pagination({ onSelectPage:function(pageNum, pageSize){ opts.pageNumber = pageNum; opts.pageSize = pageSize; pager.pagination('refresh',{ pageNumber:pageNum, pageSize:pageSize }); dg.datagrid('loadData',data); } }); if (!data.originalRows){ data.originalRows = (data.rows); } var start = (opts.pageNumber-1)*parseInt(opts.pageSize); var end = start + parseInt(opts.pageSize); data.rows = (data.originalRows.slice(start, end)); return data; } }
阅读全文
0 0
- Easy-ui常见用法总结
- easy ui 使用总结
- Jquery Easy UI Databox 用法
- easy ui datagrid 简单用法
- jquery easy ui 使用总结
- Easy-UI案例使用总结
- UILable常见用法 - iOS - UI基础知识总结3
- easy ui datagrid 简单用法2
- easy ui in action 两个月总结
- easy ui一些控件常见赋值取值方法
- UI控件常见属性总结
- UI控件常见属性总结
- easy-ui
- Easy ui
- Easy UI
- JList常见用法总结
- gotoNetPage 常见用法总结
- 常见命令用法总结
- 关于MySQL乱码解决
- Vim 操作
- Linux之防火墙
- IDA+ADB调试so文件(USB连接手机方式)
- Quartz教程 第9课 JobStore
- Easy-ui常见用法总结
- Banner框架轮播图
- bzoj1854
- 【笔记】《WebGL编程指南》学习-第9章层次模型(3-initShader()函数)
- angularJS学习笔记之——搭建学习环境
- Windows 安装与配置Goland
- SpringData MongoDB repository 分页
- week3
- 进一步学习html5和php