动态添加弹出页面（shiro项目中来的七）
一，图解
二，代码
2.0，新增代码
//打开编辑属性(新增)
function dialog_open(){
$("#dialog-add").css("display","block");
$("#dname").val('');
$("#dbz").val('');
$("#ddefault").val('');
$("#msgIndex").val('');
$("#dtype").val('String');
$("#isQian").val('是');
$("#form-field-radio1").attr("checked",true);
$("#form-field-radio1").click();
$("#form-field-radio4").attr("checked",true);
$("#form-field-radio4").click();
$("#flength").val(255);
$("#ddefault").attr("disabled",true);
}
2.1，静态的数据
<div id="dialog-add">
<div class="commitopacity"></div>
<div class="commitbox">
<div class="commitbox_inner">
<div class="commitbox_top">
<br/>
<table>
<tr height="42px;">
<td style="padding-left: 16px;text-align: right;">属性名：</td><td><div class="nav-search"><input class="nav-search-input" style="width:210px;" name="dname" id="dname" type="text" value="" placeholder="首字母必须为字母或下划线" title="属性名" /></div></td>
<td style="padding-left: 16px;text-align: right;">属性类型：</td>
<td style="padding-bottom: 5px;">
<label style="float:left;padding-left: 20px;"><input name="form-field-radiot" id="form-field-radio1" onclick="setType('String');" type="radio" value="icon-edit"><span class="lbl">String</span></label>
<label style="float:left;padding-left: 20px;"><input name="form-field-radiot" id="form-field-radio3" onclick="setType('Date');" type="radio" value="icon-edit"><span class="lbl">Date</span></label>
<label style="float:left;padding-left: 20px;"><input name="form-field-radiot" id="form-field-radio2" onclick="setType('Integer');" type="radio" value="icon-edit"><span class="lbl">Integer</span></label>
<label style="float:left;padding-left: 20px;"><input name="form-field-radiot" id="form-field-radio33" onclick="setType('Double');" type="radio" value="icon-edit"><span class="lbl">Double</span></label>
</td>
</tr>
<tr height="42px;">
<td style="padding-left: 16px;text-align: right;">其备注：</td><td><div class="nav-search"><input class="nav-search-input" style="width:210px;" name="dbz" id="dbz" type="text" value="" placeholder="例如 name的备注为 '姓名'" title="备注"/></div></td>
<td style="padding-left: 16px;text-align: right;">前台录入：</td>
<td>
<div style="float: left;padding-top: 3px;">
<label style="float:left;padding-left: 20px;"><input name="form-field-radioq" id="form-field-radio4" onclick="isQian('是');" type="radio" value="icon-edit" checked="checked"><span class="lbl">是</span></label>
<label style="float:left;padding-left: 20px;"><input name="form-field-radioq" id="form-field-radio5" onclick="isQian('否');" type="radio" value="icon-edit"><span class="lbl">否</span></label>
</div>
<div class="nav-search" style="float: right;padding-right: 5px;">
长度：<input class="nav-search-input" style="width:66px;" name="flength" id="flength" type="number" value="" placeholder="长度" title="长度" />
. <input class="nav-search-input" style="width:50px;" name="decimal" id="decimal" type="number" value="" placeholder="小数" title="类型为Double时有效" />
</div>
</td>
</tr>
<tr height="42px;">
<td style="padding-left: 16px;text-align: right;">默认值：</td><td><div class="nav-search"><input class="nav-search-input" style="width:210px;" name="ddefault" id="ddefault" type="text" value="" disabled="disabled" placeholder="后台附加值时生效" title="默认值"/></div></td>
<td style="padding-left: 16px;text-align: right;"></td>
<td>
<div class="commitbox_cen">
<div class="left" id="cityname"></div>
38 <div class="right" style="padding-right: 28px;"><span class="save" onClick="saveD()">保存</span> <span class="quxiao" onClick="cancel_pl()">取消</span></div>
</div>
</td>
</tr>
<tr>
<td style="padding-left: 16px;" colspan="100">
<font color="red" style="font-weight: bold;">
注意：<br/>
1. 请不要添加 XX_ID 的主键，系统自动生成一个32位无序不重复字符序列作为主键<br/>
2. 主键为 类名_ID 格式，所有字段的字母均用大写
</font>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
2.2，点击保存之后的代码
function saveD(){
var dname = $("#dname").val(); //属性名
var dtype = $("#dtype").val(); //类型
var dbz = $("#dbz").val(); //备注
var isQian = $("#isQian").val(); //是否前台录入
var ddefault = $("#ddefault").val(); //默认值
var msgIndex = $("#msgIndex").val(); //msgIndex不为空时是修改
var flength = $("#flength").val(); //长度
var decimal = $("#decimal").val(); //小数
if(dname==""){
$("#dname").tips({
side:3,
msg:'输入属性名',
bg:'#AE81FF',
time:2
});
$("#dname").focus();
return false;
}else{
dname = dname.toUpperCase(); //转化为大写
if(isSame(dname)){
var headstr = dname.substring(0,1);
var pat = new RegExp("^[0-9]+$");
if(pat.test(headstr)){
$("#dname").tips({
side:3,
msg:'属性名首字母必须为字母或下划线',
bg:'#AE81FF',
time:2
});
$("#dname").focus();
return false;
}
}else{
if(msgIndex != ''){
var hcdname = $("#hcdname").val();
if(hcdname != dname){
if(!isSame(dname)){
$("#dname").tips({
side:3,
msg:'属性名重复',
bg:'#AE81FF',
time:2
});
$("#dname").focus();
return false;
};
};
}else{
$("#dname").tips({
side:3,
msg:'属性名重复',
bg:'#AE81FF',
time:2
});
$("#dname").focus();
return false;
}
}
}
if(dbz==""){
$("#dbz").tips({
side:3,
msg:'输入备注',
bg:'#AE81FF',
time:2
});
$("#dbz").focus();
return false;
}
if((0-flength >=0) || flength==""){
$("#flength").tips({
side:3,
msg:'输入长度',
bg:'#AE81FF',
time:2
});
$("#flength").focus();
return false;
}
if('' == decimal) decimal = 0;
dbz = dbz == '' ? '无':dbz;
ddefault = ddefault == '' ? '无':ddefault;
var fields = dname + ',fh,' + dtype + ',fh,' + dbz + ',fh,' + isQian + ',fh,' + ddefault + ',fh,' + flength + ',fh,' + decimal;
if(msgIndex == ''){
arrayField(fields);
}else{
editArrayField(fields,msgIndex);
}
$("#dialog-add").css("display","none");
}
function appendC(value){
var fieldarray = value.split(',fh,');
$("#fields").append(
'<tr>'+
'<td class="center">'+Number(index+1)+'</td>'+
'<td class="center">'+fieldarray[0]+'<input type="hidden" name="field0'+index+'" value="'+fieldarray[0]+'"></td>'+
'<td class="center">'+fieldarray[1]+'<input type="hidden" name="field1'+index+'" value="'+fieldarray[1]+'"></td>'+
'<td class="center">'+fieldarray[5]+'<input type="hidden" name="field5'+index+'" value="'+fieldarray[5]+'"></td>'+
'<td class="center">'+fieldarray[6]+'<input type="hidden" name="field6'+index+'" value="'+fieldarray[6]+'"></td>'+
'<td class="center">'+fieldarray[2]+'<input type="hidden" name="field2'+index+'" value="'+fieldarray[2]+'"></td>'+
'<td class="center">'+fieldarray[3]+'<input type="hidden" name="field3'+index+'" value="'+fieldarray[3]+'"></td>'+
'<td class="center">'+fieldarray[4]+'<input type="hidden" name="field4'+index+'" value="'+fieldarray[4]+'"></td>'+
'<td class="center" style="width:100px;">'+
'<input type="hidden" name="field'+index+'" value="'+value+'">'+
'<a class="btn btn-mini btn-info" title="编辑" onclick="editField(\''+value+'\',\''+index+'\')"><i class="ace-icon fa fa-pencil-square-o bigger-120"></i></a> '+
'<a class="btn btn-mini btn-danger" title="删除" onclick="removeField(\''+index+'\')"><i class="ace-icon fa fa-trash-o bigger-120"></i></a>'+
'</td>'+
'</tr>'
);
index++;
$("#zindex").val(index);
}
//保存属性后往数组添加元素
function arrayField(value){
arField[index] = value;
appendC(value);
}
主要的逻辑还是看整体代码，这里是主要的代码
动态添加弹出页面（shiro项目中来的七）的更多相关文章
- 权限的分类（shiro项目中来的五）
第一种权限:菜单栏展示还是不展示的权限(粗颗粒) 实现方法,在SYS_ROLE表中添加一个字段rights,通过 public static BigInteger sumRights(String[] ...
- iOS-C文件添加到iOS项目中,运行报错
iOS-C文件添加到iOS项目中,运行报错 问题: 往项目中添加一个空的c文件, 编译运行; 出现2,30个编译错误. 原因: 由于在项目中添加了Pch文件,在文件中所有代码还没有开始运行之前, pc ...
- 将HTML字符转换为DOM节点并动态添加到文档中
将HTML字符转换为DOM节点并动态添加到文档中 将字符串动态转换为DOM节点,在开发中经常遇到,尤其在模板引擎中更是不可或缺的技术. 字符串转换为DOM节点本身并不难,本篇文章主要涉及两个主题: 1 ...
- COM动态添加删除成员,类似JavaScript中调用的对象
在JavaScript中调用对象时,可动态添加删除成员如: var obj=new Object; obj.member1='aaaaa'; obj.fun1=function() { alert(' ...
- zookeeper动态添加/删除集群中实例(zookeeper 3.6)
一,用来作为demo操作的zookeeper集群中的实例: 机器名:zk1 server.1=172.18.1.1:2888:3888 机器名:zk2 server.2=172.18.1.2:2888 ...
- setBit testBit权限管理（shiro项目中来的二）
一,setBit testBit权限管理的理解 1.1.jdk7文档解释 public boolean testBit(int n)Returns true if and only if the de ...
- 项目中的Git七步精髓
项目中Git常用的七步操作: 1.git branch -a 查看所有分支 2.git checkout dev_yxq 如果冲突了,操作回退上一个版本, git status git checko ...
- java自带的类压缩和下载，以及递归删除动态的文件（shiro项目中来的十）
详见项目,不用借助于任何外在的jar包,通过jre自带的实现.
- shiro的登陆认证（shiro项目中来的一）
一,图解 二,流程 2.1,创建token令牌,token中有用户提交的认证信息即账号和密码 Subject subject = SecurityUtils.getSubject(); Usernam ...
随机推荐
- webrtc初探之一对一的连接过程（一）
说明,我研究的是muan-khan的一个github项目,针对的是chrome对chrome,也就是pc对pc的一对一,一对多通话,感兴趣的可以继续往下看. github地址:https://gith ...
- 发放春节福利，ASP.NET Core断点续传
ASP.NET Core断点续传 在ASP.NET WebAPi写过完整的断点续传文章,目前我对ASP.NET Core仅止于整体上会用,对于原理还未去深入学习,由于有园友想看断点续传在ASP.NET ...
- 【SSH框架】之Spring系列（一）
微信公众号:compassblog 欢迎关注.转发,互相学习,共同进步! 有任何问题,请后台留言联系! 1.前言 前面更新过几篇关于 Struts2 框架和 Hibernate 框架的文章,但鉴于这两 ...
- react-native WebView 返回处理 （非回调方法可解决）
1.前言 项目中有些页面内容是变更比较频繁的,这些页面我们会考虑用网页来解决. 在RN项目中提供一个公用的Web页,如果是网页内容,就跳转到这个界面展示. 此时会有一个问题是,网页会有一级页面,二级页 ...
- virtualbox命令行共享CentOS目录
virtualbox命令行共享CentOS目录 1. 安装virtualbox增强工具 "右ctrl+c" 显示和隐藏virtualbox虚拟机的菜单栏. 在VirtualBo ...
- backgroud背景色样式兼容ie8 rgba()用法
今天遇到了一个问题,要在一个页面中设置一个半透明的白色div.这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255,255,255,.1);但是要兼容到i ...
- POJ 1018 Communication System（贪心）
Description We have received an order from Pizoor Communications Inc. for a special communication sy ...
- 使用mybatis插入自增主键ID的数据后返回自增的ID
在开发中碰到用户注册的功能需要用到用户ID,但是用户ID是数据库自增生成的,这种情况上网查询后使用下面的方式配置mybatis的insert语句可以解决: <insert id="in ...
- vue子组件向父组件传值
vue2.0中通过$emit事件在子组件中自定义事件,通过操作子组件中的事件,向父组件传递参数: 首先写一个叫做parentComp.vue的父组件: <template> <div ...
- IOS 使用cocoapods后无法导入头文件问题
IOS 使用cocoapods后无法导入头文件问题 这时候如果你发现import的时候没有提示AFN e t wo r k i n g.h的文件,可以在target-Build Settings下修改 ...