EasyUI
EasyUI
绣花针
心有猛虎,细嗅蔷薇
展开
-
EasyUI之DataGrid 请求Url两次问题解决
初始化页面的时候,会请求两次Url,很是莫名其妙解决步骤1.首先确保避免两次加载datagrid控件<table id="grid" class="easyui-datagrid"></table>html代码中利用class声明了datagrid,导致easyUI解析class代码的时候先解析class声明中的datagrid,这样组件就请求了一次...原创 2018-11-18 19:36:54 · 3022 阅读 · 1 评论 -
EasyUI之combogrid添加toolbar实现数据下拉框动态搜索功能
一、效果演示二、Jsp部分代码 <!--搜索框toolbar--> <div class="datagrid-toolbar" id="searchtools" style="width:100%;height:38px;"> <div style="margin-left:9px;float:left;"&原创 2019-01-14 11:25:12 · 2785 阅读 · 0 评论 -
EasyUI之多选框获取所有选中节点某项属性
实际应用中只需要将node[i].后面的属性 换成自己的即可,combotreeId为combtree的ID名称function getCombotreePropValues(combotreeId){ var result = ""; var tr= $("#"+combotreeId).combotree('tree'); var nodes = tr.tree(...原创 2019-01-11 16:28:35 · 676 阅读 · 0 评论 -
EasyUI之multiple多选框禁用某些项选中
一、效果二、方法原始设置多选属性multiple:true现在将其设置成一个函数multiple:checkMultile var checkMultile = function(node){ var nodeType= = node.dataType; //获取第二颗树点击类型 if(nodeType != 'school'){ //添加过滤条件 ...原创 2019-01-11 15:40:27 · 1213 阅读 · 0 评论 -
EasyUI之combotree获取叶子节点整个路径的名称
一、效果二、代码 /** * 根据叶子节点选中的值,获取该叶子节点树整个路径的名称 * @param treeObj 树对象,(combotree的树对象获取:var treeObj = $('#树id').combotree("tree");) * @param node 叶子节点 */function getTreePathNames(treeObj, node){ ...原创 2019-01-10 14:13:58 · 519 阅读 · 0 评论 -
EasyUI之combogrid实现手段输入动态搜索的下拉数据框
动态搜索是从整个相关数据库中检索,并不是当前数据框中数据 /**comboxGrid数据**/ $('#cg').combogrid({ panelWidth: 360, idField: 'customer_no', //ID字段 textField: 'meter_no',...原创 2018-12-25 11:09:02 · 2367 阅读 · 0 评论 -
JS之前台参数提交到后台,双引号转义为"解决办法
问题描述 var param = $("#searchForm").serializeJson();前台封装好了键值对形式的字符串,使用了EasyUI的treeGrid控件,传到后台后,双引号转义为&quot;解决办法apache工具包common-lang中有一个很有用的处理字符串的工具类,其中之一就是StringEscapeUtils,利用此工具类进行解决问题...原创 2018-12-07 16:33:18 · 11856 阅读 · 0 评论 -
EasyUI之动态隐藏toolbar按钮
function easyRightDisplay() { //获取所有的toolbar按钮 var button=$('div.datagrid div.datagrid-toolbar a'); for (var i = 0; i < button.length; i++) { var toolbar = button[i]; ...原创 2018-11-24 15:44:24 · 1705 阅读 · 0 评论 -
EasyUI之remote多参数自定义验证
<tr> <td>用户名称</td> <td> <input type="text" data-options="validType:'username'" class="easyui-validatebox" required="true"/>原创 2018-11-21 18:58:56 · 1118 阅读 · 0 评论 -
EasyUI之移动DataGrid数据中图片实现放大功能
最终效果鼠标移动至图片上,弹出预览窗口,鼠标移出图片,关闭弹出窗口图片预览的dialog <!-- 用于图片预览的dialog --><div id="dialog" class="easyui-dialog" title="图片预览" data-options="resizable:true,modal:false,closed:true,closeOn...原创 2018-11-21 14:13:52 · 2708 阅读 · 1 评论 -
EasyUI之modalDialog获取子窗口中值
一、父窗口点击时间表达式会弹出子窗口二、子窗口 三、代码 父窗口JS function popCron(){ var cronExpression = $('#cronExpression').val(); var dialog = parent.sy.modalDialog({ ...原创 2019-01-30 16:17:00 · 2601 阅读 · 0 评论