前端开发、easyUI+vue+uView开发问题记录

Easy-UI语法

1.table-时间列格式转换

复制代码
formatter:function (value,row,index) {
      var oldTime = (new Date(value)).getTime();
      return new Date(oldTime).format("yyyy-MM-dd");
  }

2.按钮图片样式存储

复制代码
static\plugins\font-awesome-4.7.0\css\font-awesome.css

3.防止table加载两次

复制代码
1.table定义不加url
2.加载时:
    grid.datagrid('options').url = "/repairExtraCost/list";
    grid.datagrid('load', { planId: data.id});

4.dialog弹出框无法垂直居中

复制代码
$('#toRepairDlg').window('hcenter');

5.输入条件查询easyUI表格,出现N行空表格数据

复制代码
//系上一次查询的5条数据,这次查询为空,并且返回格式不符合DataGrid格式,查看page返回的格式
//如果未空,可以这么返回
    return RespTable.ok(RespTable.getPage(InstanceVO.class, request));

6.树形结构 treegrid弹出框保存后,不刷新问题

复制代码
//重点在此 openner_template_datagrid
$.modalDialog.openner_template_datagrid = materialTypeTabGrid;
​
edit.html中save方法:
$.modalDialog.openner_template_datagrid.treegrid("reload");

7.可编辑combogrid字段选择后,空白处弹出数据表格

复制代码
//先结束编辑,再更新行
supplierPriceGrid.datagrid('endEdit', editIndex);
supplierPriceGrid.datagrid('updateRow', {index:x,row:{...}});

8.date-box不可选当前时间之后的日期

复制代码
    $('#applyDate').datebox().datebox('calendar').calendar({
        validator : function(date){
            var now = new Date();
            var d1 = new Date(now.getFullYear(),now.getMonth(),now.getDate());
            return d1 >= date;
        }
    });

9.输入后远程自动刷新查询数据remote

复制代码
js: mode: 'remote',
java: @RequestParam(name = "q", defaultValue = "") String keyword
备注:如果是combotree等部分组件,不需要访问后台就可以自动过滤

10.点击复选框行中某一列,会自动取消/勾选复选框(比如只想要查看图片)

复制代码
//定义变量lookImg;
var lookImg = true;
//datagrid定义勾选、取消勾选的方法
onBeforeCheck: function (index, row) {
                if (lookImg) {
                    return lookImg;
                }
                lookImg = true;
​
                return false;
            },
            onBeforeUncheck: function (index, row) {
                if (lookImg) {
                    return lookImg;
                }
                lookImg = true;
​
                return false;
            }
//特定单元格的点击时间中, 做lookImg变量处理
function xxxx(){
    lookImg = false;
    ...
    ...
}
​

10. treegrid多选框,仅选择一部分数据,没上传父节点问题

复制代码
var inNodes = componentsTempGrid.treegrid('getCheckedNodes', 'indeterminate');
var chkNodes = componentsTempGrid.treegrid('getCheckedNodes', 'checked');
var rows = inNodes.concat(chkNodes);

uView开发

1.富文本框输入

复制代码
<u-input input-align='right' type="textarea" height="100" v-model="value" />
​
return{textarea:'textarea'}

2.页面下拉刷新

复制代码
onPullDownRefresh(){
}

3.swiper轮播图图片展示不全问题

复制代码
增加属性:
:img-mode="aspectFit"
​
声明变量:aspectFit:‘aspectFit’

4.vue时间不能超过当前时间

复制代码
if(Date.parse(problemObj.problemTime) > new Date()){
    this.$u.toast("故障时间不能超过当前时间!")
    return
}
相关推荐
知识分享小能手10 小时前
uni-app 入门学习教程,从入门到精通,uni-app基础扩展 —— 详细知识点与案例(3)
vue.js·学习·ui·微信小程序·小程序·uni-app·编程
MC丶科12 小时前
【SpringBoot 快速上手实战系列】5 分钟用 Spring Boot 搭建一个用户管理系统(含前后端分离)!新手也能一次跑通!
java·vue.js·spring boot·后端
lijun_xiao200914 小时前
前端最新Vue2+Vue3基础入门到实战项目全套教程
前端
90后的晨仔14 小时前
Pinia 状态管理原理与实战全解析
前端·vue.js
杰克尼14 小时前
JavaWeb_p165部门管理
java·开发语言·前端
90后的晨仔14 小时前
Vue3 状态管理完全指南:从响应式 API 到 Pinia
前端·vue.js
90后的晨仔14 小时前
Vue 内置组件全解析:提升开发效率的五大神器
前端·vue.js
我胡为喜呀15 小时前
Vue3 中的 watch 和 watchEffect:如何优雅地监听数据变化
前端·javascript·vue.js
我登哥MVP15 小时前
Ajax 详解
java·前端·ajax·javaweb
非凡ghost15 小时前
Typora(跨平台MarkDown编辑器) v1.12.2 中文绿色版
前端·windows·智能手机·编辑器·软件需求