普元nui：demo
2024-05-20 06:44:23
注意 ：
- js与jquery无法取得nui组件value
- nui-htmlfile控件的url必须通过action提交
- datepicker组件不能通过setValue设值
- 通过$J调用的全局函数，当存在data参数时，其中data参数不能省略，可以设为“”或null
- 所有路径皆采用真实路径，如创建目录、读取路径等，曾因此导致页面不能自动刷新
- 合并项目时贴别注意：dao层调用mybaties代码、ctrller映射url、mybaties映射文件中数据模型的全限定名
- value值要通过$J().getValue方法取得,js与jquery是无法获得的
- 创建目录或者上传文件时，要在真实目录中检查是否成功创建或上传，开发工具并不一定能及时同步
- $J.getbyName("endtime").setValue( $J.getbyName("endtime").getFormValue());无法为表单时间格式化
confirm
$J.confirm(" ", " ", function(action) {if (action == 'ok') { } else { }});获取UUID
UUID.randomUUID().toString().replaceAll("-","")获取登陆用户信息
Cap4jUserInfo userInfo = ContextUtil.getLoginUser();
验证
JSP:<tr ><td class="form_label" style="text-align: right;">
业务代码:
</td><td><input class="nui-textbox" name="businCode" onvalidation="onExistValidation" vtype="float"
maxLength="2" id="p1" required="true"/><span style="color: red">*</span></td></tr>//校验主键（业务种类编号）是否重复function onExistValidation(e) {if (e.isValid) {if (isEnglishAndNumber(e.value) == false) {e.errorText = "必须输入英文+数字";e.isValid = false;}}var pageType = $J.getbyName("pageType").getValue();if (pageType == "edit") {return;}if (e.isValid) {var ajaxConf = new Cap4jAjaxConf();ajaxConf.setIsAsync(false);ajaxConf.setIsShowProcessBar(false);ajaxConf.setIsShowSuccMsg(false);ajaxConf.setSuccessFunc(function(data) {if (data) {e.errorText = "该业务代码已存在";e.isValid = false;}});$J.postByAjax({"id" : e.value}," <%=request.getContextPath()%>/cmsBusincode/getCmsBusincodeVOById.do",ajaxConf);}}
关闭当前窗口
$J.closedialog("ok");码表配置
@FunctionDesc("[MisKhzlTemp]主页面")public String list(Model model) {List<CodeTypeFilterVo> list = new ArrayList<CodeTypeFilterVo>();addCodeType(list, "gj", "gj");getCodeInfoByIds(list, model);return "two/MisKhzlTempList";}@FunctionDesc("MisKhzlTemp详情页面")public String detail(Model model) {List<CodeTypeFilterVo> list = new ArrayList<CodeTypeFilterVo>();addCodeType(list, "gj", "gj");getCodeInfoByIds(list, model);return "two/MisKhzlTempForm";}/* function onGJ(e) {return $J.codeTypeRender(e, "gj", "gj");} */function onGJ(e) {return $J.getDictText("gj", e.row.gj)}<div field="gj" headerAlign="center" allowSort="true" renderer="onGJ"> <td class="form_label" align="right">国籍:</td><td colspan="1"><input class="nui-combobox" id="gj" name="gj" visible="true"> </input></td>
html
<div field="handlestate" headerAlign="center" allowSort="true" renderer="onMean">处理状态</div>
<div field="feedbacktype" headerAlign="center" allowSort="true" renderer="onMean">反馈类型</div>
<div field="financestate" headerAlign="center" allowSort="true" renderer="onMean">融资状态</div>jsfieldArr = ["allotstate", "handlestate", "feedbacktype", "financestate", "sendstate", "intervenstate", "notestate"]; function onMean(e) {for (i = 0; i < fieldArr.length; i++) {if (e.field == fieldArr[i]) {return $J.codeTypeRender(e, fieldArr[i], fieldArr[i]);}}}public String list(Model model) {this.Mean(model);return "syfh_zcd/dkgl/SyzcdDksqxxbList";}public void Mean(Model model) {List<CodeTypeFilterVo> list = new ArrayList<CodeTypeFilterVo>();addCodeType(list, "allotstate", "allotstate");addCodeType(list, "handlestate", "handlestate");addCodeType(list, "feedbacktype", "feedbacktype");getCodeInfoByIds(list, model);}自定义码表
var financestate = [{id : 0,text : "0-已融资"
}, {id : 1,text : '1-未融资'
}];
var handlestate = [{id : 0,text : "0-未审核"
}, {id : 1,text : '1-已通过'
},{id : 2,text : '1-已否决'
}];
function onMean(e) {switch (e.field) {case "financestate" : {for (var i = 0; i < financestate.length; i++) {if (financestate[i].id == e.value) {return financestate[i].text;} }}case "handlestate" : {for (var i = 0; i < handlestate.length; i++) {if (handlestate[i].id == e.value) {return handlestate[i].text;} }}default :break;}
}var allotstate = [{id : 0,text : "0-未分配"
}, {id : 1,text : "1-已分配"
}];
var handlestate = [{id : 0,text : "0-未审核"
}, {id : 1,text : '1-已通过'
}];
var codeName = ["financestate", "handlestate"];
var codeValue = [financestate, handlestate];
function onMean(e) {for (i = 0; i < codeName.length; i++) {if (e.field == codeName[i]) {for (y = 0; y < codeValue[i].length; y++) {if (e.value == codeValue[i][y].id) {return codeValue[i][y].text;}}}}
}日志
<root/><root level="INFO"><appender-ref ref="STDOUT" /> </root><!-- 项目相关日志 --><logger name="com.cib.syzcd" level="INFO" additivity="false"><appender-ref ref="FILE" /> </logger>AJAX提交
jsp
<span style="display: inline-block; height: 25px;"></span>
<div id="formTotal" class="nui-form" align="left"><table id="tableTotal" class="table"><tr><td class="form_label">总笔数:</td><td colspan="1"><input id="fsrq" class="nui-textbox" name="total" style="margin-left: 23px;" enabled="false"> </input></td></tr><tr><td class="form_label">总金额:</td><td colspan="1"><input class="nui-textbox" name="moneyNum" readonly="false" style="margin-left: 23px;" enabled="false"></input></td></tr><tr><td class="form_label" colspan="2" align="center"><a class="nui-button" iconCls="icon-search" onclick="total()"> 统计 </a> <a class="nui-button" iconCls="icon-download" onclick="download()"> 导出 </a></td></tr></table>
</div>function total() {var data = form.getData();params = "";params += "fsrq=" + data.fsrq;params += "&jzrq=" + data.jzrq;params += "&gbrq=" + data.gbrq;params += "&qqwjm=" + data.qqwjm;ajaxConf = new Cap4jAjaxConf();ajaxConf.setIsShowSuccMsg(false);ajaxConf.setSuccessFunc(function(data) {data = data.split(",");$J.getbyName("total").setValue(data[0]);$J.getbyName("moneyNum").setValue(data[1]);});$J.postByAjax("", appContext + "/ywEtcXfmxb/total.do?" + params, ajaxConf);}contro
@FunctionDesc("统计")@ResponseBody@SuppressWarnings("unchecked")public String total(HttpServletResponse response, @RequestParam String fsrq, @RequestParam String jzrq, @RequestParam String gbrq, @RequestParam String qqwjm) {log.info("YwEtcXfmxbCtrler total");YwEtcXfmxbVO vo = new YwEtcXfmxbVO();vo.setQqwjm(StringUtil.formatDbNoEscapeLikeValue(qqwjm));if (StringUtils.isNotBlank(fsrq)) {vo.setFsrq(DateUtils.getFormatDateTimeStr(fsrq));}if (StringUtils.isNotBlank(jzrq)) {vo.setJzrq(DateUtils.getFormatDateTimeStr(jzrq));}if (StringUtils.isNotBlank(gbrq)) {vo.setJzrq(DateUtils.getFormatDateTimeStr(gbrq));}// 获取数据List<List<Object>> dataList = new ArrayList<List<Object>>();Map<String, Object> map = iYwEtcXfmxbService.findAll(vo);List<YwEtcXfmxbVO> lists = (List<YwEtcXfmxbVO>) map.get("data");double moneyNum=0;for (YwEtcXfmxbVO voEach : lists) {moneyNum+=Double.parseDouble(voEach.getXfje().toString());}String data=String.valueOf(moneyNum)+","+lists.size();return data;}slelect
<tr><td class="form_lable" style="color: #2266CA">分配情况:</td><td colspan="1"><select class="nui-combobox" name="allotstate" id="allotstate"><option value="0">未分配</option><option value="1">已分配</option><option value="">查看全部</option></select></td>
</tr>根据url获取下拉列表
<input id="ywlx" class="nui-combobox" textField="text" emptyText="请选择消息类型" style="width: 150px;" allowInput="false" url="<%=request.getContextPath()%>/syzcdXtcsb/searchValue.do?paraid=SYZCD_XXLX" onenter="onKeyEnter" /><%-- enter键触发查询 --%>function onKeyEnter(e) {search();} @FunctionDesc("下拉菜单回显值，供用户选择")@ResponseBodypublic List<Map<String, String>> searchValue(String paraid) {List<Map<String, String>> retList = new ArrayList<Map<String, String>>();Map<String, String> map = null;List<SyzcdXtcsbVO> list = null;SyzcdXtcsbVO vo = new SyzcdXtcsbVO();vo.setParaid(paraid);list = iSyzcdXtcsbService.findAllInfosByParaid(vo);for (int i = 0; i < list.size(); i++) {if (null != list.get(i)) {map = new HashMap<String, String>();map.put("text", list.get(i).getParanm() == null ? "" : list.get(i).getParaval().trim() + "-" + list.get(i).getParanm().trim());map.put("id", list.get(i).getParaval() == null ? "" : list.get(i).getParaval().trim());retList.add(map);}}return retList;}格式化时间
/* 格式化时间 */function format() {var formData = form.getData();formData.starttime = $J.getbyName("starttime").getFormValue();formData.endtime = $J.getbyName("endtime").getFormValue();return formData;}find与findall
ajax
ajaxConf.setSuccessFunc(false);
ajaxConf.setSuccessFunc(refresh);
ajaxConf.setIsShowSuccMsg(false);
$J.postByAjax(null, "login/isReachMaxSessions.do", ajaxConf);
间隙调整
<span style="display: inline-block; height: 25px;"></span>
visible="true"显示
<table style="width: 100%; position: relative; left: -42%;height: 35px;font-size: 13px;">
a标签字符串
'<a href="javascript:onEnter(\'' + datastr + '\')"style="color:red">授信结果录入</a> '"javascript:onSchedule('all')" 遮罩
function ableall() {var inputarr = document.getElementsByTagName("input");for (var i = 0; i < inputarr.length; i++) {$J.getbyName(inputarr[i].name).disable();}}
div {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(250, 250, 250, 0);
}input {background-color: #e3e3e3;
}pointer-events:none; opacity:0.2;时间格式
function search() {var formData = form.getData();formData.fristintime = $J.getbyName("fristintime").getFormValue();grid.load(formData);}普元nui：demo相关推荐
- java前端nui_spring mvc 及普元nui前端框架学习笔记
spring mvc 及普元nui前端框架学习笔记 页面传值 一.同一页面 直接通过$J.getbyName("id").setValue(id); Set值即可 二.跳转页面(b ...
- 普元nui:Forms
DataBinding数据绑定 jsp //数据表格 <div id="datagrid" class="nui-datagrid" style=&quo ...
- 普元nui:Navigations
1.分页控件 分页控件常结合grid表格一起使用 属性: 名称 类型 描述 默认 pageIndex Number 页码 0 pageSize Number 每页多少条 10 totalCount N ...
- 普元nui:Lists列表
1.DataGrid $J.getDataGrid来获取grid对象 a.后台数据:key="total",value="数据数量":key="da ...
- 普元nui:页面布局
1.整体布局 其中最外层div中的class将设置为nui-layout样式,内部 div通过设置region位置来设置方位 属性 类型 描述 默认 class String 设置样式 nui-lay ...
- 普元nui:按钮特效
jsp <!-- 引入导航栏css特效 --> <link rel="stylesheet" href="<%=request.getConte ...
- 普元云计算-一起来DIY一个人工智能实验室吧
转载本文需注明出处:微信公众号EAWorld,违者必究. 目录: 一.DIY一个AI实验室:原材料的选择 二.搭建"单机版"的AI实验室 三.搭建"高阶版"的A ...
- 普元微服务平台EOS Platform 8全新发布
2019独角兽企业重金招聘Python工程师标准>>> 转载本文需注明出处:EAWorld,违者必究. 平台简介: 普元新一代应用平台EOS Platform 8已经全面拥抱微服 ...
- 普元王葱权：数字化时代需要新一代的大数据应用平台架构
记者 | 杨丽 出品 | AI 科技大本营(rgznai100) 2018 年 12 月 6 日,北京新云南皇冠假日酒店,由中国计算机学会主办,CCF 大数据专家委员会承办,CSDN.中科天玑数据科技 ...
最新文章
- tf.variable和tf.get_Variable以及tf.name_scope和tf.variable_scope的区别
- 【已解决】The server time zone value ‘�й���ʱ��‘ is unrecognize
- 关于C语言中的'\?'和%%
- php if终止,php判断用户是否掉线及关闭网页的方法分享
- java判断线程是否wait_Java并发编程之线程间通讯（上）wait/notify机制
- 博客积分排名进入前4万
- robocode 创建机器人
- 证件照处理：一寸照片换底色
- 2022年电子邮箱哪个好用？邮箱大全测评来了，请及时查看哦
- linux与pe到移动硬盘,PE下找不到移动硬盘?不用怕
- 关于JAVA开发小游戏如何做读档和存档功能的这件事
- python识别二维码条形码？用pyzbar一招搞掂(含代码)！
- 保理供应链金融系统：上下游企业流动性压力迎刃而解！
- 3d游戏场景建模设计师需要学哪些软件?
- 对于后台站点的用户活跃度统计 除了记录用户登陆时间进行筛选，还有没有别的方法
- 【C++】spdlog--log4cxx有点笨重，试一试spdlog
- 让该来的事情到来吧——《梵高》
- 鼠标滚轮滚动切换内容
- 手动封装JS库jQuery
- 2023-5-30-GEE-土地覆盖处理