登陆页如下所示：下面给大家展示下具体实现代码：网络医院登陆* { margin: 0px; padding: 0px; } html, body { height: 100%; width: 100%; overflow: hidden; font-family: "微软雅黑"; font-size: 16px; } .main-box { width: 100%; height: 100%; min-width: 960px; overflow: hidden; background: url(imges/bg.jpg) no-repeat center center; } .left-box, .right-box { width: 50%; height: 100%; float: left; } .left-box ...
EasyUI中使用DataGird显示数据列表中，有时需要根据需要显示不同的列，例如，在权限管理中，不同的用户登录后只能查看自己权限范围内的列表字段，这就需要DataGird动态组合列，下面介绍EasyUI中DataGird动态生成列的方法。 DataGird动态生成列，实际上就是控制DataGird的 columns 属性值，下面通过ajax异步调用后台columns的数据，进行绑定。function easyUIDataGrid(medid) { var $datagrid = {}; var columns = new Array(); $da...
下面看一下EasyUI的对话框效果图 js代码： 代码如下: function Open_Dialog() { $('#mydialog').show(); $('#mydialog').dialog({ collapsible: true, minimizable: true, maximizable: true, toolbar: [{ text: '添加', iconCls: 'icon-add', handler: function() { alert('添加数据') } },{ text: '保存', iconCls: 'icon-save', handler: function() { alert('保存数据') } }], buttons: [{ text: '提交', iconCls: 'icon-ok'...
前期的准备工作： 1、下载DEMO源码，并升级为最新版本（jquery 1.7.2,Easyui 1.2.6）,直接替换就可以啦，升级easyui 是的要把css js theme 全部替换 2、在首页的HTML代码中：将 代码如下: 刷新 关闭 全部关闭 除此之外全部关闭 当前页右侧全部关闭 当前页左侧全部关闭 退出 改为： 代码如下: 刷新 关闭 全部关闭 除此之外全部关闭 当前页右侧全部关闭 当前页左侧全部关闭 退出 outlook2.js 中添加新方法如下： 代码...
具体操作实现方法： Html 代码： 代码如下: 批量设置列宽 宽度 80px 宽度 100px 宽度 120px 自定义列宽 js: 代码如下: //初始化 var ddlMenu = $(#a4).menubutton({ menu: #cusmenu }); //menubutton 依赖于 menu、linkbutton 这两个插件，所以我们可以这样搞定她 $(ddlMenu.menubutton(options).menu).menu({ onClick: function (item) { //item 的相关属性参见API中的menu alert(item.text); } }) 好了。今天就到这里
官方提供的treegrid的ex 我给大家贴出来看看吧： 代码如下: $(function(){ $(#tt).treegrid({ url:treegrid_data3.json, onAfterEdit:function(row,changes){ alert(row.name); } }); }) 这个是页面初始化的。 看看他的JSON: 代码如下: {"total":117,"rows":[ {"id":1,"code":"code1","name":"name1","addr":"address1","state":"closed"}, {"id":11,"code":"code11","name":"name11","addr":"address11","_parentId":1}, {"id"...
代码如下:// combogrid刷新$(“#cc").combogrid(grid).datagrid(load); // combogrid设置默认选中哪一行$(#cc).combogrid(grid).datagrid(selectRecord,idValue); 其中idValue对应combogrid定义的idValue属性 // combogrid获取pagination对象$(#cc).combogrid(grid).datagrid(getPager).pagination({ displayMsg: }); // combogrid获取当前页码$(#cc).combogrid(grid).datagrid(options).pageNumber; //...
我们有一个模块如下图，要求选择“地区”及“代维公司”后，刷新第一个DataGrid框体 并以第一个结果集中的行为数据条件点击完成下一个框体的检索 现在我们已完成相应功能，并在选择“地区”及“代维公司”并保证这两个选项同时有值后，自动刷新第一个DataGrid（DG1）结果集 但是在DG1刷新完毕后，后面两个紧跟的DG2及DG3还是保有之前的结果 我试图更改DG2及DG3的查询条件，手动传一个空的ID值给query()方法，但是后被后台的Contro...
今天在用easyui做布局时，碰到了一个疑惑的问题。 问题：当把class=“easyui-layout”写在一个独立的div中时，layout的样式无法显示，也不报错。 例如： 代码如下: 显示： 解决：把class=“easyui-layout”写在body中时，问题就迎刃而解了。且region属性不能被其他无关的div所包含。 代码： 代码如下: 一直在想这是为什么？
本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法。分享给大家供大家参考。具体如下： 一般分页都是后台做，前端做无论从哪方面考虑都不合适。但是有的时候还是有这种需求。 这里重点用到了pagination的监听，以及JS数组的slice方法来完成。代码如下：// 表格数据源 var data = []; // 用代码造30条数据 for (var i = 1; i 运行效果如下图所示：希望本文所述对大家的jQuery程序设计有所帮助。
主从表，从表是一个treegrid，加载完数据后，点击节点进入编辑状态。代码如下: columns : [ [ {title : "ID",field : "id",hidden : true}, {field : "pid",hidden : true}, {title : "AAA",field : "aaa",width : 70,align : "center",halign : "center"}, {title : "BBB",field : "bbb",width : 70,align : "center",halign : "center",editor : {type : "combobox",options : {data : [ {"id" : 0,"text" : "苹果"}, {"id" : 1...
EasyUI，在增、删的时候，经常用到二级页面进行勾选。 可以在datagird下面添加onCheck、onUncheck、onSelectAll、onUnselectAll事件。 在这些事件中，将勾选的内容存到map中，并转换成json格式字符串放到隐藏域中。代码如下: onCheck : function(rowIndex, rowData) if (rowIndex > -1) {var userId= rowData.id;if(!dataMap.containsKey(userId)){dataMap.put(userId, rowData);$("input[name=selectData]").val(JSON.stringify(d...
这是网友在EasyUI拓展时的代码。 可以根据实际需要自行修改。$.modalDialog2.handler 这个handler代表弹出的dialog句柄$.modalDialog2.xxx 这个xxx是可以自己定义名称，主要用在弹窗关闭时，刷新某些对象的操作，可以将xxx这个对象预定义好代码如下: $.modalDialogTwo = function(options) {if ($.modalDialogTwo.handler == undefined) {// 避免重复弹出 var opts = $.extend({title : ,width : 840,height : 680,modal : true,on...
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法_jquery先放个最终的效果图：然后是代码：html文件：<body> <h1>TreeGrid</h1> <div> <a id="consle" href="#">consle</a> </div> <table id="test" title="Folder Browser" style="width:400px;height:300px" > </table> </body>说明：没什么内容，标题，然后是一个表格，我为了做些测试放了个按钮consle，不用删掉即可，当然要引用几个js文件和css文件：<meta http-eq...
普通情况下，treegrid的图标是默认的文件夹与文件的形式，如下图：???我们可以在json文本中加入iconCls来改变默认图标，例如样例中：{"total":7,"rows":[ {"id":1,"name":"All Tasks","begin":"3/4/2010","end":"3/20/2010","progress":60,"iconCls":"icon-ok"}, {"id":2,"name":"Designing","begin":"3/4/2010","end":"3/10/2010","progress":100,"_parentId":1,"state":"closed"}, {"id":21,"name":"Database","persons":2,"begi...