easyUI
文章平均质量分 85
东边的小山
这个作者很懒,什么都没留下…
展开
-
在EasyUI项目中使用FileBox控件实现文件上传处理
使用EasyUI的控件FileBox的前端处理和后端C#代码,从而实现了文件的AJax处理操作,实现较好的体验和功能实现。转载 2023-02-11 17:08:11 · 3878 阅读 · 1 评论 -
基于EasyUI的Web应用程序及过去一年的总结
前言 一个多月之前已经提交了离职申请,好在领导都已经批准了,过几天就办理手续了,在此感谢领导的栽培与挽留,感谢各位同事在工作中的给我的帮助,离开这个团队确实有一些不舍,不为别的,只因为这个团队的气氛特别好、同事之间相处融洽、没有那么多的勾心斗角,所以干活儿也干的有劲,上班的时候可以使用网络、可以上QQ、可以上各种论坛、可以看新闻等等,我个人很喜欢这种工作方式,作为一个IT人员,如果闭门造车的话,那导致的后果就是被淘汰;新技术的不断出现,如果不自己多查阅资料多泡论坛来学习的话,难道每出现一个新技术都去花转载 2020-11-29 11:14:31 · 1948 阅读 · 0 评论 -
vue easy ui tabs 获取标签标题
console.log(e.target.innerText) <Tabs ref="tabs" :scrollable="true" :border="false" @tabSelect="onTabSelect($event)" @tabClose ="onTabClose($event)" @contextmenu.native.prevent="rightClick($event)"> <TabPanel v-..原创 2020-07-12 21:03:13 · 882 阅读 · 0 评论 -
vue easy ui 获取TABS 选中的标题
this.$refs.tabs.getSelectedPanel().title<Tabs ref="tabs" :scrollable="true" :border="false" @tabClose ="onTabClose($event)" @contextmenu.native.prevent="rightClick($event,$event.title)"> <TabPanel v-for="(item, index) in t原创 2020-07-09 19:43:39 · 843 阅读 · 0 评论 -
vue easy ui DataGrid CheckBox 全选事件
<DataGrid ref="dg" :data="locations" :pagination="true" :total="total" :pageSize="pageSize" ...原创 2020-07-09 18:41:40 · 830 阅读 · 1 评论 -
vue easy ui tabs component 是否已经打开
<template> <div> <h2>Scrollable Tabs</h2> <Tabs :scrollable="true" style="width:600px;height:250px"> <TabPanel v-for="lang in languages" :key="lang" :title="lang" :closable="true"> <div style="padding:20.原创 2020-07-09 18:23:16 · 322 阅读 · 0 评论 -
Vue EasyUI tabs 弹出 Context Menu 菜单事件
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>EasyUI for Vue</title> <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css"> <link rel=.原创 2020-07-09 18:19:47 · 569 阅读 · 0 评论 -
Vue EasyUI 的axios封装
一、下载和安装axiosnpm i axios二、创建http.js作用:环境切换,请求超时,请求拦截,响应拦截,post、get等不同请求方式的封装。//http.jsimport axios from axios;import QS from 'qs';// 引入qs模块,用来序列化post类型的数据,form-data数据类型// -环境的切换:开发、测试、生产if (process.env.NODE_ENV == 'development') { axios.d转载 2020-07-09 17:58:16 · 396 阅读 · 0 评论 -
Vue EasyUI Vuex 用法介绍
问题1:路由传参用params或query,若参数过多,会导致400;问题2:兄弟组件传值;问题3:不同组件使用同一组数据时,避免向后台重复请求。一、下载 :npm install vuex --save二、注册vuex方案一:vuex的数据少//main.jsimport Vue from vue;import Vuex from 'vuex';Vue.use( Vuex );const store = new Vuex.Store({ //待添加})new Vue转载 2020-07-09 17:53:31 · 580 阅读 · 0 评论 -
Vue EasyUI --Form(基本表单)
Form(基本表单)1.用法<Form ref="form" :model="user" :rules="rules" @validate="errors=$event"> <div style="margin-bottom:20px"> <Label for="name" align="top">Name:</Label> <TextBox inputId="name" name="name" v-model="user.转载 2020-07-09 17:50:35 · 418 阅读 · 0 评论 -
Vue EasyUI Messager(消息窗口)
1.属性名称 类型 描述 默认 ok string 确定按钮文本。 Ok cancel string 取消按钮文本。 Cancel title string 消息标题。 msg string 要在对话框中显示的消息。 icon string 要在对话框上显示的图标类。 2.方法//alert示例代码:this.$messager.alert({ tit...转载 2020-07-09 17:47:05 · 438 阅读 · 0 评论 -
Vue EasyUI 后台框架 二
npm install vx-easyui --saveimport 'vx-easyui/dist/themes/default/easyui.css';import 'vx-easyui/dist/themes/icon.css';import 'vx-easyui/dist/themes/vue.css';import EasyUI from 'vx-easyui';Vue.use(EasyUI);npm install font-awesome --savenpm inst..原创 2020-06-18 13:55:20 · 1708 阅读 · 4 评论 -
EasyUi+jQuery动态添加combobox表单
<!DOCTYPE html><html><head> <!--easyui 相关资源引入 --> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <link rel="stylesheet" type="text/css" href="../themes/bootstrap/easyui.css" /> <link...原创 2020-05-27 14:28:39 · 843 阅读 · 1 评论 -
网站系统安全 AJAX 安全传输为什么要用 Token?
摘要: Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证,服务端认证成功,那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位不久前,我在在前后端分离实践中提到了基于 Token 的认证,现在我们稍稍深入一些。通常情况下,我们在讨论某个技术的时候,都是从问题开始。那么第一个问题:为什么要用 Token?而要回答这个问题很简单——因为它能解决问题!可以解决哪些问题呢? Token 完全由应用管理,所以它可以避开同.转载 2020-05-20 09:20:07 · 591 阅读 · 0 评论 -
EasyUI ajax 安全 datagrid 请求设置自定义请求头
EasyUI本身没有headers这个参数,我们需要修改源码添加参数。一共三步:第一步进源码,找到 loader 的ajax第二步:在ajax中添加一句 headers:opts.headers第三步调用请求头中已经有token了————————————————版权声明:本文为CSDN博主「xujiahn」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/xujiahn/art转载 2020-05-17 14:29:12 · 1790 阅读 · 0 评论 -
easyUI for vue,tabs调用tabClose事件
tabs调用tabClose事件时,获取到打印的panels是正确的,但是显示的TabPanel数量不正确。<template> <div class="main-box"> <SideMenu class="aside-nav" :data="menus" :collapsed=...转载 2020-04-11 00:00:21 · 1229 阅读 · 0 评论 -
easyui onblur失效解决办法
EasyUI的form表单中有很多种类型的标签,easyui-validate、easyui-textbox、easyui-combox、easyui-datebox、easyUI-datetimebox等等。在使用easyui-textbox时,想通过onblure()事件做一些处理,可是,事件总不被触发。一个最基本最简单的onblure(),怎么可能不执行?因为缓存?来回试了好多次,还原创 2017-12-23 18:14:43 · 1068 阅读 · 0 评论 -
easyui dataGrid 动态添加列
<script> var array =[];var columns=[];$.ajax({ url:_ctx+'/nodeManage/getMysqlFields', type:'POST', data:'id='+node['id'], success:function(data){//data后台的传过...转载 2018-03-08 20:28:09 · 4706 阅读 · 1 评论 -
Easyui封装公用创建dialog的JS函数
1、宽度和高度给定 [javascript] view plain copyfunction createDialog(dialogFrame, dialogId, dialogTitle, dialogUrl) { var div = $('#'+dialogFrame); var html = '转载 2018-01-30 15:14:51 · 508 阅读 · 0 评论 -
easyui datagrid 让某行复选框置灰不能选
最近做项目需要类似如标题的效果,根据实际需求整合了一下网上的,内容如下:?1234567891011121314151617181920212223242526转载 2018-01-08 18:47:07 · 2621 阅读 · 0 评论 -
Echarts通过Ajax实现动态数据加载
Echarts(3.x版)官网实例的数据都是静态的,实际使用中往往会要求从服务器端取数据进行动态显示,官网教程里给出的异步数据加载很粗略,下面就以官网最简单的实例为例子,详细演示如下过程:1.客户端通过ajax发送请求;2.服务器端Servlet接收请求;3.生成json数据并返回给客户端;4.客户端接收数据后显示。1.客户端通过ajax发送请求先绘制一个最简单的Echarts图表转载 2018-02-01 09:32:46 · 1990 阅读 · 0 评论 -
关于easyui combobox下拉框实现多选框的实现
function initCombobox(id,url){ var value = ""; //加载下拉框复选框 $('#'+id).combobox({ url:url, //后台获取下拉框数据的url method:'post'原创 2018-01-23 08:38:19 · 928 阅读 · 0 评论 -
使用ajax动态加载html元素时,onclick事件失效
原因:ajax动态加载之前js就加载完了,事件没有绑定到动态生成的dom元素上。问题:使用on事件,$('#btn').click(function(){}绑定无效解决方案:使用on绑定事件。$(document).on('click','input[name=LogFloorId]',function(){$('#FloorLogFloorIdName')原创 2017-12-26 14:24:11 · 2388 阅读 · 0 评论 -
EasyUI常用控件禁用方法
1.validatebox可以用的用法:前两种适用于单个的validatebox; 第三种应用于整个form里面的输入框; .$("#id").attr("readonly", true); ----- $("#id").removeAttr("readonly"); .$("#id").attr("readonly", "readonly"); ----- $("#转载 2017-12-25 08:45:05 · 1997 阅读 · 0 评论 -
jquery easyui中datebox输入设置事件
以下代码中,“send_date”是datebox控件的ID1、选择时间事件 onSelect $('#send_date').datebox({ onSelect: function (date) { $("#receive_date").datebox('setValue', dateAdd(date, 0转载 2017-12-23 19:14:43 · 1323 阅读 · 0 评论 -
easyui validatebox 验证类型
required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字",转载 2018-04-24 10:12:33 · 640 阅读 · 0 评论 -
easy-ui datagrid 没数据时候显示没有相关数据
onLoadSuccess: function (data) { if (data.total == 0) { $(this).datagrid('appendRow', { 字段: '没有数据' }).datagrid('mergeCells', { index: 0, field: '字段', colspan: 5 }) } ...原创 2018-04-26 08:58:26 · 749 阅读 · 0 评论 -
easyui Multiline TextBox 获取值
alert($("#txtTest").textbox('getText'))原创 2017-06-25 14:56:27 · 2231 阅读 · 0 评论 -
easyui datagrid列表右侧空白解决办法
easyui提供的datagrid控件,默认情况下,即使列表宽度设置成100%,右侧仍然会有一个空白,如下所示:<!doctype html><html><head><meta charset="UTF-8"/><link rel="stylesheet" type="text/css" href="../themes/defaul...转载 2019-05-18 09:13:06 · 734 阅读 · 0 评论 -
easyUI设置表格中的背景色
一:设置表头的背景色代码:.datagrid-header-row{ background-color:red;}二:设置鼠标滑动表头时的背景色.datagrid-header td.datagrid-header-over { background-color:yellow;}三:鼠标选中表格背景色/*鼠标选中表格背景色 */.datagrid-row-s...转载 2019-05-17 23:17:51 · 1892 阅读 · 0 评论 -
弹出datagrid内容的dialog框
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_36092584/article/details/52674433js:$(function () { $('#risk_suit_list').datagrid({ queryParams: '', url: 'risk/suitlist...转载 2018-10-13 07:20:57 · 565 阅读 · 0 评论 -
ASP.net+MVC2+EasyUI搭建一个简单表格示例
一个非常基础的小例子,主要是利用VS2010提供的MVC框架,后台是ASP.NET,前台是EasyUI,然后利用EasyUI的datagrid来显示一个表格的数据。1.首先创建MVC项目。VS2010自带MVC2(虽然已经比较老了),所以直接新建一个项目如图:生成的一个基本应用,目录结构默认如下所示:2.添加EasyUI的脚本和css文件。EasyUI可以从:http://www....转载 2018-09-16 14:32:08 · 2162 阅读 · 1 评论 -
EasyUI Datagrid 列属性函数中如何获取当前列头名 字列的field
$('#dg').datagrid({ columns: [[{ field: 'userId', title: 'User', width: 80, formatter: function(value, row, index) { console.log(this.title); //User ...转载 2018-05-25 09:40:42 · 9487 阅读 · 0 评论 -
easyUI easyui-textbox的onblure事件失效
easyUI的form表单中有很多种类型的标签,easyui-validate、easyui-textbox、easyui-combox、easyui-datebox、easyUI-datetimebox等等。在使用easyui-textbox时,想通过onblure()事件做一些处理,可是,事件总不被触发。一个最基本最简单的onblure(),怎么可能不执行?因为缓存?来回试了好多次,还是不能触...转载 2018-04-27 16:04:53 · 391 阅读 · 0 评论 -
easyui-textbox的blur和keyup事件
$('#txtKey').textbox({ inputEvents:$.extend({},$.fn.textbox.defaults.inputEvents,{ keyup:function(e){ $('#tt').datagrid('load',{ key:$(this).val() }); } }) })$('#txtKe...原创 2018-04-27 16:02:49 · 698 阅读 · 0 评论 -
easy ui datagrid 首次进入页面时,不加载任何数据
onBeforeLoad: function (param) { var firstLoad = $(this).attr("firstLoad"); if (firstLoad == "false" || typeof (firstLoad) == "undefined") { ...转载 2018-04-26 09:01:51 · 3698 阅读 · 0 评论 -
json字符串、json对象、数组 三者之间的转换
json字符串转化成json对象// jquery的方法var jsonObj = $.parseJSON(jsonStr)//js 的方法var jsonObj = JSON.parse(jsonStr)json对象转化成json字符串//js方法var jsonStr1 = JSON.stringify(jsonObj)例如例如:scr转载 2017-11-23 22:12:42 · 3490 阅读 · 0 评论 -
高德地图js api 轨迹回放 多人并且控制谁先播放
高德地图js api 轨迹回放 多人并且控制谁先播放先附上图片:一.数据部分function startRun() { //动画方法 var ifr = document.getElementById('iframeRight'); var targetOrigin = '*';转载 2017-11-23 22:11:51 · 2461 阅读 · 2 评论 -
ECharts 多个折线图动态获取json数据
ECharts 多个折线图动态获取json数据效果图如下:一.html部分二.js部分function loadTwoLine() { var myChart = echarts.init(document.getElementById('TwoLineChart')); // 显示标题,图例和空的坐标轴转载 2017-11-23 22:10:50 · 5683 阅读 · 1 评论 -
easyui最小化后停留在页面的右下角
0、此方法没有什么技术含量,纯属于自己瞎想的!如果有的好方法,请留言告之谢谢!!1、直接上代码:123456789$('#winId').window({ onMinimize: function () {转载 2017-07-21 15:59:11 · 1995 阅读 · 0 评论