技术标签： easyui
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Validate Form on Submit - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../demo.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<script>
$('.easyui-combobox').combobox({
method: 'get',
url: 'baseDictAction_execute?dict_type_code=' + $(this).prop('id'),
valueField: 'dict_id',
textField: 'dict_item_name',
});
function submitForm() {
$('#customer_add').form('submit', {
onSubmit: function() {
return $(this).form('enableValidation').form('validate');
}
});
}
</script>
<body class="easyui-panel" >
<div >
<div style="padding:10px 60px 20px 60px">
<form id="customer_add" class="easyui-form" method="post" data-options="novalidate:true" enctype="multipart/form-data">
<table cellpadding="5">
<tr>
<td>客户名称:</td>
<td><input class="easyui-textbox" type="text" name="cust_name" data-options="required:true"></input>
</td>
<td>客户级别:</td>
<td>
<input id="006" class="easyui-combobox" name="cust_level" value="xxxxxxx"/>
</td>
</tr>
<tr>
<td>信息来源:</td>
<td>
<input id="009" class="easyui-combobox" name="cust_source" />
</td>
<td>客户行业:</td>
<td>
<input id="001" class="easyui-combobox" name="cust_industry" />
</td>
</tr>
<tr>
<td>固定电话:</td>
<td><input class="easyui-textbox" type="text" name="cust_phone" data-options="required:true"></input>
</td>
<td>移动电话:</td>
<td><input class="easyui-textbox" type="text" name="cust_mobile" data-options="required:true"></input>
</td>
</tr>
<tr>
<td>图片上传:</td>
<td><input type="file" name="photo" /></td>
</tr>
</table>
</form>
<div style="padding:5px">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">保存</a>
</div>
</div>
</div>
</body>
</html>如以上代码,想同时加载3个combobox的数据,发送请求根据dict_type_code查询数据字典后回显,由于id为元素属性,必须获得当前对象, 故使用$(this).prop(‘id’),但发送请求参数为undefined.
因为this对象并非当前元素而是window
解决办法:
利用onBeforeLoad 添加参数
$(function(){
$('.easyui-combobox').combobox({
url: "${pageContext.request.contextPath}/BaseDictAction",
valueField: 'dict_id',
textField: 'dict_item_name',
editable:false,
onBeforeLoad:function(param){
param.dict_type_code=$(this).prop('id');
}
});
});这样就不用逐一绑定combobox,使代码精简.
文章浏览阅读705次，点赞17次，收藏17次。当我们出去找工作，或者准备找工作的时候，我们一定要想，我面试的目标是什么，我自己的技术栈有哪些，近期能掌握的有哪些，我的哪些短板 ，列出来，有计划的去完成，别看前两天掘金一些大佬在驳来驳去 ，他们的观点是他们的，不要因为他们的观点，膨胀了自己，影响自己的学习节奏。基础很大程度决定你自己技术层次的厚度，你再熟练框架也好，也会比你便宜的，性价比高的替代，很现实的问题但也要有危机意识，当我们年级大了，有哪些亮点，与比我们经历更旺盛的年轻小工程师，竞争。无论你现在水平怎么样一定要。
文章浏览阅读1.1k次。以微信扔骰子小游戏为例，记录一次完整 iOS 逆向分析的过程。_frida lldb函数偏移
文章浏览阅读8.4k次，点赞7次，收藏12次。问题描述：生僻字只有特定字体才能打出来解决方案：分为xelatex和pdflatexxelatex在usepackage区：\usepackage{ctex}\setCJKfamilyfont{myfont}{SimSun.ttf}\newcommand{\MyFont}{\CJKfamily{myfont}}然后在正文中：\MyFont{奂奒奓奘奙奚奛奜奝奞奟奡奣奤奦奨奁奫妸奯奰奱奲}效果：其中SimSun.ttf是自己上传在overleaf的字体文件的文件名。overleaf_latex 生僻字
文章浏览阅读3.9k次，点赞2次，收藏5次。创建两个Runnable,其中一个的run()方法启动并调用wait()，第二个Runnable中run()方法在一定的几秒之后，为第一个任务调用notify(),从而使得第一个Runnable能显示一条信息，用Executor来测试。public class RunnableWait implements Runnable{ public static Object obj=new Obje_sc notify()无法唤醒wait
文章浏览阅读231次，点赞3次，收藏10次。从管理层面来看，该应用集成了个人信息管理，简化了繁琐的手工操作，提高了学校管理的效率和准确性。后端SSM框架结合了Spring的依赖注入和事务管理、SpringMVC的模型-视图-控制器架构以及MyBatis的数据持久化功能，为后端开发提供全面的支持。随着高等教育的大众化，每年有数以百万计的新生步入校园，他们面临的不仅仅是新知识的学习挑战，还有生活环境的适应问题。智能迎新appld92t的开发，不仅体现了科技对教育辅助作用的拓展，也反映了现代高校对于提升学生服务体验的追求。
文章浏览阅读100次。前言刚开始创建MVC与Web API的混合项目时，碰到好多问题，今天拿出来跟大家一起分享下。有朋友私信我问项目的分层及文件夹结构在我的第一篇博客中没说清楚，那么接下来我就准备从这些文件怎么分文件夹说起。问题大概有以下几点： 1、项目层的文件夹结构 2、解决MVC的Controller和Web API的Controller类名不能相同的问题 3、给MVC不同命名空间的Area的注册不同的路由 4..._web.controllers.agencycontroller was found
文章浏览阅读1.3k次。element中table表格和已选数据联动需求:1.根据条件查询表格,多选框选中项移到已选择表格,取消选择,已选项表格也取消该调数据数据2.已选项增加删除按钮,删除之后,查询数据的表格也取消勾选3.重新查询新数据,已选择数据不会改变,新选中的数据添加到已选择表格效果如下直接上代码 // 查询列表 <div slot="content" class="content" v-if="scheme"> <div _element 表格 选中一个连带另一个
文章浏览阅读6k次。老款TP-Link TL-WR841N路由器的无线桥接设置方法。之所以说是老款TP-Link TL-WR841N路由器的桥接设置，是因为目前TP-Link TL-WR841N路由器又多个硬件版本，最新的版本是V12。而V12版本的TL-WR841N路由器，与前面所有版本的TL-WR841N路由器，在设置上有很大的不同。因此，本文把V1-V11版本的TL-WR841N路由器叫做老款TL-WR841N..._桥接dhcp怎么设置
文章浏览阅读2.2k次。系列文章目录PCL使用心得（一）点云数据读取、保存以及格式自定义文章目录系列文章目录一、cloud_viewer二、PCLVisualizer基本定义点云颜色定义点云大小点云中添加形状删除点云更新点云一、cloud_viewer最基本的点云显示：#include <pcl/visualization/cloud_viewer.h>pcl::visualization::CloudViewer viewer("PCD");viewer.showCloud(cloud);while_viewer->addarrow
文章浏览阅读327次。本文转载自：https://www.cnblogs.com/zhihongyu/archive/2012/03/23/2413552.html 作者：zhihongyu 转载请注明该声明。 前段时间看到网上有人在使用debussy软件对Verilog代码进行调试，而且都称赞其是多么的好用，看着很是馋人，说吧，现在用的是quartus与modelsim的联调，似乎还是可以的，但就是每次..._del transcript vsim_stacktrace
文章浏览阅读2w次。一、 用Microsoft SQL Server Management Studio 导入在控制界面选择-> 文件选择->打开再选择->打开文件二、 命令行导入(cmd)sqlcmd -S SERVERNAME -U USERNAME -P PASSWORD -i filename.sql_sqlserver导入sql脚本
文章浏览阅读1.7k次。The Top 5 Amazon Neptune Use Cases for Modern Data”系列文章将从数据处理、分析到可视化，通过实际案例展示了如何利用AWS Neptune构建现代的数据集市、数据仓库、分析平台。该系列的文章既关注Neptune的特点及其能力，也注重如何应用它构建复杂的高级数据体系。本文是《The Top 5 Amazon Neptune Use Cases for Modern Data》系列文章的第一篇文章，主要讨论了Neptune在移动和物联网领域的应用。_图数据库在物联网中的应用