easyui

EasyUI Combobox中getValue和getText

跟風遠走 提交于 2019-12-06 20:58:54
在组织部项目中使用的Combobox都是通过<input>标签实现的,如下: <input id="checkPlace" class="easyui-combobox" name="checkPlace" data-options="valueField:'id',textField:'text',url:'/DevelopmentBasicInfo/queryType'" value="全部">可见通过url地址就可以将具体函数的返回值充当下拉框中的选项。 情景再现: 如图,从下拉框中获取一个值,传到Controller中: 在js中获取下拉框的值 查看相关Controller中的代码: 问题就出在这里了,将CityID和CityName分别赋值给id和text,结合<input>标签: <input id="checkPlace" class="easyui-combobox" name="checkPlace" data-options="valueField:'id',textField:'text',url:'/DevelopmentBasicInfo/queryType'" value="全部"> 分析: 使用easyui之后,对于Combobox来说,获值有两种选择,"getValue‘和“getText”的选择源于我们对combobox在data

解决jeecg3.5中由于easyui的原因会加载两次数据的问题

不羁的心 提交于 2019-12-06 05:59:22
在解决完jeecgt3.5中的这个问题: jeecg3.5中实现从一个页面跳转到另一个页面 后,发现数据会被加载两次,在网上找了半天也没找到原因,最后发现是由于调用datagrid方法太快引起的,解决方法为使用setTimeout延迟执行 datagrid方法,具体如下: $(function() { //延迟200毫秒执行,否则easyui会加载两次数据 setTimeout(init, 200); }); function init() { //alert($('#jeecgDemoList')); var href = decodeURIComponent(window.location.href); //alert(href); var idx = href.indexOf('selectedParams'); if (idx != -1) { idx = href.indexOf("{", idx); if (idx != -1) { var endIdx = href.indexOf("}", idx); if (endIdx != -1) { var selectedParams = href.substring(idx, endIdx + 1); var jsonParam = $.parseJSON(selectedParams); $('

SpringMVC+Hibernate +MySql+ EasyUI实现CRUD(一)

大憨熊 提交于 2019-12-05 22:39:35
个人小程序,可以微信扫一扫看看。谢谢支持 http://pan.baidu.com/s/1kTMp0WZ 最新项目下载地址 访问地址 1.基于easyui的 增 删 改 查 2.基于poi的导出excel 3.基于 SpringMVC HandlerInterceptor验证 项目结构图 源代码和jar包等下会上传是百度网盘 http://yun.baidu.com/pcloud/album/info?query_uk=3724757956&album_id=3094796070610213829 。 一:web.xml代码 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5"> <display-name>elve</display-name> <context-param> <param-name>contextConfigLocation<

AngularJS和EasyUI结合使用的注意点

北城余情 提交于 2019-12-05 19:44:10
最近在着手用angular重构一个项目,原来的前台是纯easyui做的,最近花了一周学了angular,决定把它们结合下,用纯html 和 暴露后台rest api搞起。结果在ng-view多页切换的时候遇到了一个问题,这个问题我在osc的问答区也提问过,结果似乎也没什么回答,所以不了了之。 我在这里文里重新完整地提一下这个问题的现象,在加载首页之后,点击切换到第二个模板页,路由完全是由angular跳转的,正常情况下,用我的代码显示应该是这样: 但是用了ng-view跳转后显示的datagrid页面是下面这样的: 接着我用firebug分析了一下他们之间的html代码, 正常加载的datagrid: 不正常加载的datagrid: 对比了正常的class="easyui-datagrid"在页面加载后会解析成一系列的div来呈现正常的页面;而在angular中的不正常的class="easyui-datagrid"属性还是原样输出, 推断的原因是: 在angular路由切换模板后,没有正常用easyui框架的js去重新解析模板页里包含在html标签里的easyui的class属性。 其中一种解决方案:抛弃用class="xxx"的html属性方式来声明easyui组件, <table class="easyui-datagrid" title="Basic DataGrid"

easyui里的disabled设置

亡梦爱人 提交于 2019-12-05 09:35:21
在设置禁用和可用的时候,尝试过的写法有: $('#ID').combobox('enable'); $('#ID').combobox('disable'); 也尝试过: $("#ID").combobox("disabled",false); $("#ID").combobox("disabled",true}); 上面的方法经过测试都是不可以的,第一种方法不报错,但是没有效果;第二种方法报错 经过测试,正确的写法为(这里为动态的根据另外一个普通的html的select下拉框动态的设定easyui的combobox可用和禁用): //初始化为easyui的combobox下拉框 $('#isUpdateData').combobox({ required:true, disabled:true, panelHeight:50 }); softVerType = $('#softVerType').val(); if(!softVerType || softVerType != 0){ $("#isUpdateData").combobox({disabled:false}); }; //下拉框的change事件 $('#softVerType').change(function(){ var value = $(this).val(); console.info(value);

easyui datagrid plunges 扩展 插件

自闭症网瘾萝莉.ら 提交于 2019-12-04 22:16:28
项目使用 springmvc4.x spring4.x hibernate4.x easyui 为了便于开发,扩展了easyui 的 datagrid 功能,下面直接贴上扩展代码: 具体的实现项目可见 : https://git.oschina.net/alexgaoyh/alexgaoyh.git /** * context 指定为 项目上下文 * index 如果定义多组dataGrid,index指定为对应的参数:一组dataGrid包含(datagrid;toorbar;dialog;button) * templateUrl 指定为 此次访问操作对应的controller路径 * crud 指定为 对应的toorbar包含什么操作;crud:增加修改删除; c:增加; u:修改; d:删除; */ function DataGridEasyui(context, index, templateUrl, crud) { this.context = context; this.index = index; this.templateUrl = templateUrl; this.crud = crud;// 'c','r','u','d','all' this.saving =false; //处理中 }; $.extend(DataGridEasyui.prototype

Easyui的datagrid结合hibernate实现数据分页

让人想犯罪 __ 提交于 2019-12-02 10:03:42
最近在学习 easyui 的使用,在学到 datagrid 的时候遇到了一些问题,终于抽点时间整理了一下,分享出来,请各位前辈高手多多指教! 1 、先来看看效果,二话不说,上图直观! 2 、 easyui 的 datagrid 的使用方法 在这里, datagrid 的使用我不做过多讲解,俺毕竟是初学者,不敢班门弄斧。所以就简单带一下。 ① 、在 easyui 的 layout 中的 center 中定义一个 table , id 为 “ datagridTable ” 。 <div region="center" border="false"> <table id="datagridTable"></table> </div> ② 、使用 javascript 的方式让这个 table 变为一个 easyui 的 datagrid 。当然也可以给这个 table 指定 class 属性为 “ easyui-datagrid ” ,两种方式都可以,萝卜白菜,各有所爱。由于 datagrid 和后台的数据交互打交道的比较多,所以俺使用的功能比较好控制的 javascript 方式定义。 代码如下,其中具体的属性和方法请查看 easyui 文档,官网地址: http://www.jeasyui.com/documentation/datagrid.php ,标红的部分为后台

jquery map() easyui-treegrid easyui-combotre

痴心易碎 提交于 2019-12-02 05:49:03
具体效果可见: https://git.oschina.net/alexgaoyh/alexgaoyh.git 后台传递给前台的json数据如下: [{"deleteFlag":0,"parent.name":"","orderNo":1,"children":[{"deleteFlag":0,"parent.name":"系统管理","orderNo":1,"createTime":1412843076000,"name":"用户管理","description":"用户管理","pid":3,"href":"/admin/sysmanUser/list","leaf":true,"parent.pid":1,"resourceType":1},{"deleteFlag":0,"parent.name":"系统管理","orderNo":2,"createTime":1412845169000,"name":"角色管理","description":"角色管理","pid":2,"href":"/admin/sysmanRole/list","leaf":true,"parent.pid":1,"resourceType":1},{"deleteFlag":0,"parent.name":"系统管理","orderNo":3,"createTime":1412844743000,

jquery easyui tree控件复选框选择处理

一个人想着一个人 提交于 2019-12-01 18:05:00
------上级状态改变(勾选或取消勾选),所有下级状态跟着改变 ,在tree控件的onCheck事件中实现--------- cascadeCheck: false,//默认为true表示上下级勾选联动,false表示取消联动 onCheck: function (node, checked) { var childList = $(this).tree('getChildren', node.target); if (childList.length == 0) return; var checkedTrue = function () { childList.map(function (currentValue) { var objTrue = $("div[id='" + currentValue.domId + "']").find(".tree-checkbox"); if (objTrue != null && objTrue != undefined) { var classTrue = objTrue.attr("class"); if (classTrue == "tree-checkbox tree-checkbox0") objTrue.removeClass("tree-checkbox tree-checkbox0").addClass("tree

从Struts2 action 获取json 数据格式 显示到Jquery EasyUI

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-01 10:31:23
1.导入jar包 我在项目中用到的是struts2-2.3.15.3版本 所以导入的就是struts2-json-plugin-2.3.15.3.jar。这个jar文件必须和你使用的struts版本想一致,不然会出现异常。 2.写Action方法。 public String getJSONList() throws Exception { ArrayList<User> list = (ArrayList<User>) this.userService.searchAllUser(); userJSONList = JSONArray.fromObject(list); System.out.println(userJSONList); return SUCCESS; } 这是我Action中的一个方法。 3.配置xml <package name="json" extends=" json-default " namespace="/"> <action name="getUserJSONList" class="userAction" method="getJSONList"> <result name="success" type=" json "> <param name="root">userJSONList</param> </result> </package>