js 弹出框 importTags控件使用案例
来源:互联网 发布:数据统计流程ppt 编辑:程序博客网 时间:2024/06/05 09:12
js 弹出框 importTags控件使用案例
(1)html 页面
<div class="row-form"> <div class="span4">收件人</div> <div class="span8 input-append"> <input type="hidden" name="email_receive" id="email_receive_state" value=""/> <input type="text" name="email_real_name" id="email_real_name_state" value="" readonly="readonly" class="validate[]"/> <button class="btn" type="button" onclick="pop_custom_dialog(26666,'pop_email_select_value_upt',true)">选择 </button> </div> </div>
pop_custom_dialog 弹框选择(2)弹框js代码
//*********************************自定义弹出框,选择返回结果********************************** function pop_custom_select_value(popId, selectId, isMulit, value) { if (selectId == "pop_email_select_value") { pop_mailgroup_select_value(popId, selectId, isMulit, value); } if (selectId == "pop_email_select_value_upt") { pop_mailgroup_select_value_upt(popId, selectId, isMulit, value); } }
(3)收件人多选值js代码
//*********************************自定义弹出框,选择返回结果(修改)***************************** var listPayUpt=[]; function pop_mailgroup_select_value_upt(popId,selectId,isMulit,value) { if(value != "") { for(var i=0;i<value.length;i++) { var valJson = jQuery.parseJSON(value[i]); listPayUpt.push([valJson.email,valJson.real_name]); } //去重 var dic = {}; for (var i = listPayUpt.length; i--;) dic[listPayUpt[i]]=listPayUpt[i]; var r = []; for (var v in dic) r.push(dic[v]); listPayUpt=r; //排序 // listPay.sort(function(a,b){return a[0]-b[0]}); } payStyleUpt(); AutoSetPayNameUpt(); } var flagtagsUpt =true; function payStyleUpt(){ if (flagtagsUpt){ $("#email_real_name_state").tagsInput({'width':'100%', 'height':'auto', 'onRemoveTag': function(text){ for(var i=0;i<listPayUpt.length;i++) if(text==listPayUpt[i][1]) listPayUpt.splice(i,1); AutoSetPayNameUpt(); $("#detailList").slideUp(); },'defaultText':''//默认输入框的文本提示 }); $(".tagsinput").css("min-height","28px"); $("#real_name_tag").remove(); flagtagsUpt = false; } } function AutoSetPayNameUpt(){ var listPname = []; var listPid=[]; for(var i=0;i<listPayUpt.length;i++){ listPname.push(listPayUpt[i][1]); listPid.push(listPayUpt[i][0]); } $("#email_real_name_state").importTags(listPname.join(",")); if(listPname.length==0){ $("#email_real_name_state").importTags(""); } $("#email_real_name_state").val(listPname.join(",")); $("#email_receive_state").val(listPid.join(";")); }(4)实际页面效果
阅读全文
0 0
- js 弹出框 importTags控件使用案例
- bootstrap中popover.js(弹出框)使用总结+案例
- JS弹出日期控件.
- ABAP弹出框案例
- 使用jquery-confirm优化JS弹出框
- js 弹出框、弹出层
- WP7弹出控件的使用
- 控件中使用弹出菜单
- treeview控件使用典型案例
- UI控件使用案例<一>
- UI控件使用案例<二>
- UI控件使用案例<三>
- UI控件使用案例<四>
- mydate97日期控件使用案例
- 自定义弹出框控件
- 弹出框控件
- 自定义控件(js弹出框方式和自带验证控件)验证textbox
- 自定义控件(js弹出框方式和自带验证控件)验证textbox
- 论文阅读:《RefineNet: Multi-Path Refinement Networks for High-Resolution Semantic Segmentation》
- (angularjs) 数据的增删改查比之前的模板漂亮
- 异常捕获机制
- Android开发系列之动态添加dex(解决app频繁更新问题)
- 【目标检测】RCNN算法详解
- js 弹出框 importTags控件使用案例
- ImageView 的handler切换循环
- angular.js 增删改查练习2
- 简单的RecyclerView
- 从List转到另一个List需要注意的问题总结
- Android Tablayout和viewpage fragment连用
- Leetcode||48. Rotate Image
- java 基础
- SQL SERVER 创建文件组