layui
xiaozaq
这个作者很懒,什么都没留下…
展开
-
layui+jfinal实现表格编辑功能。后台批量接受请求参数。
前台界面:前台js脚本:var tableData = data.data; table.render({ elem: '#listTableJtcy' //,url:'/#(appName)/dangan/jtcy/listForJbxx?jbxxJlxh=' + jbxxJlxh ,data:tableData ,...原创 2018-10-08 15:28:02 · 4694 阅读 · 1 评论 -
dynamicCondition v3版本更新内容
2019-04-09v3.0.0 新增大量特性。ui升级,css与js分离。插件源码:去码云下载体验地址:点击进入主要更新如下:1.新增用户全局配置。见dynamicCondition.js同目录下的dcConfig.js文件。通过该文件可以修改dynamicCondition组件全局默认配置。没有该文件也能正常使用,这样会使用组件默认设定的配置。2.将相关的css从d...原创 2019-04-10 09:15:03 · 4055 阅读 · 15 评论 -
dynamicCondition 更新日志
插件源码:去码云下载或者去layui官网下载(layui官网版本不一定是最新的)体验地址:点击进入更新日志v3.0.6 新增下拉树编辑器treeSelect支持从dcConfig中扩展编辑器。新增下拉树编辑器treeSelect例子:<li field="goodsClassifyId" title="下拉树" ops="equal" edit="treeSele...原创 2019-04-09 17:59:01 · 1120 阅读 · 1 评论 -
dynamicCondition组件升级为2.0.2版本——版本向前兼容
日期:2019-01-04版本:v2.0.21.新增requestDataType配置。 对PHP更友好,之前复杂查询请求数据格式是方便java后台获取数据,用的数组模式。 可以通过配置requestDataType,使用json字符串提交请求数据,方便PHP后台接收。2.新增查询条件无弹窗模式。 不用弹窗窗口填写查询条件,与传统UI类似,直接在界面上填写查询条件...原创 2019-01-04 10:22:22 · 1697 阅读 · 4 评论 -
高级查询组件下拉框联动(三)
实现下拉框联动例子.1.首先在ul中定义省份和城市查询条件。<ul id="dynamicCondition" style="display:none;"> <li field="DynamicCondition.province" title="省份" ops="equal" edit="selectProvince" templet=&q原创 2018-12-07 13:08:43 · 6114 阅读 · 0 评论 -
高级查询组件dynamicCondition升级为v2.0.0版本(二)——扩展编辑器
新版本特性:1.新增ops和allowDel属性。&lt;ul id="dynamicCondition" style="display:none;"&gt; &lt;li field="DynamicCondition.id" title="id" edit="text" l原创 2018-12-07 13:08:19 · 5305 阅读 · 0 评论 -
高级查询组件dynamicCondition升级为v2.0.0版本(一)——使用步骤
效果预览:1.省份和城市可以实现联动效果。2.可以自定义查询条件编辑器。如下拉树,单选按钮组。新版本特性:1.新增ops和allowDel属性2.支持扩展编辑器。可以实现下拉框级联,下拉树,单选组等ui控件。3.新增辅助接口:instance.getRowDivs(fieldName),instance.getVal(fieldName),afterOpen具体使用后面介绍。首先...原创 2018-12-07 13:07:40 · 5966 阅读 · 7 评论 -
基于layui的动态添加条件查询ui插件
layuiExtend项目介绍layui扩展插件体验地址:动态添加条件查询Demo动态添加条件界面点击查询生成请求json对象requestData示例代码:&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;am原创 2018-11-05 17:52:48 · 39914 阅读 · 75 评论 -
layui 上传文件——批量导入数据UI
使用layui的文件上传组件,可以方便的弹出文件上传界面。效果如下:点击【批量导入】按钮调用js脚本importData(config)就可以实现数据上传到服务器。脚本:/*** * 批量导入 * config.downUrl 下载模板url * config.uploadUrl 上传文件url * config.msg * config.done 上传结束后执行。...原创 2018-10-17 16:12:41 · 6820 阅读 · 4 评论 -
基于layer的图片弹出展示,默认原大小展示。图片太大则等比例缩小。
代码如下,需要展示时调用previewImg方法就好了:/*** * 图片弹出展示,默认原大小展示。图片大于浏览器时下窗口可视区域时,进行等比例缩小。 * config.src 图片路径。必须项 * default_config.height 图片显示高度,默认原大小展示。图片大于浏览器时下窗口可视区域时,进行等比例缩小。 * default_config.width 图片显示宽度,...原创 2018-10-10 12:00:49 · 7545 阅读 · 3 评论 -
layui的table可编辑扩展下拉框编辑器
layui的table单元格编辑类型(默认不开启)目前只支持:text(输入框)。需求希望能使用下拉框编辑。最终效果图:实现原理:1.单元格内容使用layui的templet功能。如: {field:'jtcyGxmc', title: '关系名称',templet: '#selectGxmc',sort:false} <script type="text/html...原创 2018-10-09 12:25:32 · 36381 阅读 · 45 评论 -
layui 一行多列控件时使用table布局结构清晰,代码简洁
当使用多列布局时,使用div+css布局感觉代码不好控制,使用table结构清晰,布局简洁,不用写一堆的css来定位,控制大小的。例子:html代码:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="widt...原创 2019-07-16 17:29:18 · 5564 阅读 · 0 评论