点击添加分类,弹出事项选择框为jbox

添加下级事项

使用onclick触发,并传参数id

function xz(id){

top.$.jBox.open("iframe:${ctx}/hb02/hbGprotreeInfo/selectSx?id=" id, "事项选择",810,$(top.document).height()-240,{

buttons:{"确定":"ok", "关闭":true}, submit:function(v, h, f){

var ids = h.find("iframe")[0].contentWindow.$("#checkedId")[0].value;

if (v=="ok"){

// 执行保存

loading('正在提交,请稍等...');

$("#searchForm").attr("action","${ctx}/hb02/hbGprotreeInfo/save?id=" id "&ids=" ids);

$('#searchForm').submit();

return true;

} else if (v=="clear"){

h.find("iframe")[0].contentWindow.clearAssign();

return false;

}

}, loaded:function(h){

$(".jbox-content", top.document).css("overflow-y","hidden");

}

});

}

后台代码实现弹出窗口

/**

* jbox 弹框页面。 ypr

* @param hbGprotreeInfo

* @param model

* @return

*/

@RequiresPermissions("hb02:hbGprotreeInfo:edit")

@RequestMapping(value = "selectSx")

public String selectSx(HbGprotreeInfo hbGprotreeInfo,Model model) {

//new一个字典实体

Dict dict=new Dict();

//type=act_category,进行条件查询

dict.setType("act_category");

List list = hbGprotreeInfoService.findParent(hbGprotreeInfo);

model.addAttribute("HbGprotreeInfo", hbGprotreeInfo);

model.addAttribute("dList", dictService.findList(dict));

model.addAttribute("HbGprotreeList", hbGprotreeInfoService.findDt(hbGprotreeInfo));

//这里返回的页面就是事项选择页面,可自己定义返回页面

return "modules/hb/hb02/hbGprotreeInfofl";

}

使用jbox弹出窗口 选树结构择类型按钮,弹出树结构,

选择类型:

title="类型" url="/hb02/hbGprotreeInfo/treeData?id=${HbGprotreeInfo.id}" extId="${dict.value}" cssClass="input-xxlarge required" checked="true" allowClear="true"/>

后台

/**

* 点击选择事项查询 进行回显打勾,禁用等操作

* @param extId

* @param hbGprotreeInfo

* @param response

* @return

*/

@RequiresPermissions("user")

@ResponseBody

@RequestMapping(value = "treeData")

public List> treeData(@RequestParam(required=false) String extId,HbGprotreeInfo hbGprotreeInfo,HttpServletResponse response) {

List> mapList = Lists.newArrayList();

//查询字典中数据,返回为树结构数据

Dict dict=new Dict();

//type=act_category,进行条件查询

dict.setType("act_category");

List chong=hbGprotreeInfoService.findChong(hbGprotreeInfo);

//根据数据查询字典数据,树结构展示 ypr

List list = dictService.findList(dict);

//查询父节点下所有子节点 ypr

List hbGprotreeList=hbGprotreeInfoService.findParent(hbGprotreeInfo);

//循环将树结构数据展示

for (int i=0; i

Dict e = list.get(i);

Map map = Maps.newHashMap();

map.put("id", e.getId());

map.put("pId", e.getParentId());

map.put("name", e.getLabel());

//根据查询出的父节点下所有数据循环 ypr

for(int j=0;j

HbGprotreeInfo hbGprotreeInfo2 = hbGprotreeList.get(j);

//判断回显打勾的数据,如果股/分类Entity中流程类型,等于字典中value,打勾

if(hbGprotreeInfo2.getLctype().equals(e.getValue())){

//打勾

map.put("checked", true);

}

}

//循环判断重复数据 0517 ypr

for(int k=0;k

HbGprotreeInfo hbGprotreeInfo3 = chong.get(k);

if(hbGprotreeInfo3.getLctype().equals(e.getValue())){

//打勾,禁用

map.put("checked", true);

map.put("chkDisabled", true);

}

}

mapList.add(map);

}

return mapList;

}

zTree包与jbox的包可以去资源下载   点击打开链接

来源:http://www.icode9.com/content-4-58001.html

jbox弹窗_Ztree结合jbox实现弹窗树结构相关推荐

  1. 添加弹窗_阻止电脑广告弹窗窗口让电脑桌面更清洁

    在使用计算机上网过程中,经常会弹出一些广告弹窗,这些弹窗或者会干扰到我们的使用计算机的体验,有的则会对桌面内容进行一些遮挡,非常可恶. 那么我们怎么对广告弹窗进行拦截不让它们干扰我们使用计算机呢? 我 ...

  2. Android 天气APP(十三)仿微信弹窗(右上角加号点击弹窗效果)、自定义背景图片、UI优化调整

    上一篇:Android 天气APP(十二)空气质量.UI优化调整 天气预报详情,逐小时预报详情 新版------------------- 一.适配器点击监听 二.页面实现 三.天气预报详情弹窗 四. ...

  3. JS函数自定义弹窗;纯JS实现弹窗

    弹窗 获取弹窗内穿出的数据: 在弹窗页面调用父级页面的方法,例:parent.xxx(data); 在 xxx()方法中将获取到的数据赋值给 abc 变量:在的点击弹窗确定按钮后调用 yyy()方法, ...

  4. html 右下角弹窗,javascript实现的右下角弹窗实例

    /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 右下角的弹窗 body { backgro ...

  5. html 弹窗被拦截,window.open()弹窗被浏览器拦截的解决方法

    本篇文章给大家带来的内容是关于window.open()弹窗被浏览器拦截的解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 什么情况下会弹窗被拦截 当window.open为用 ...

  6. php 右下脚弹窗,纯js的右下角弹窗实例代码

    下面小编就为大家带来一篇纯js的右下角弹窗实例代码.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧 这个弹窗是如下图的效果: 打开网页的时候,这个弹窗会淡入,之后点击右上 ...

  7. JQ 实现点击按钮显示弹窗,点击非弹窗和按钮区域隐藏弹窗

    2019独角兽企业重金招聘Python工程师标准>>> /*标题栏弹窗*/$("#menu_div").click(function (e) {$(". ...

  8. html弹窗中的layer,ModalLayer弹窗控件(原创)

    插件描述:原生JS编写的弹窗控件ModalLayer,使用了ES6的一些新特性. 更新时间:2020-01-07 00:27:13 简介 由原生JS编写的一套弹窗控件, 写的可能不是很好, 可能会尝试 ...

  9. index.html图片弹窗,原生javascript实现图片弹窗交互效果

    [一]用var 声明多个变量,比每个变量都用var快多了 var sScrollTop = document.body.scrollTop || document.documentElement.sc ...

最新文章

  1. matlab-向量的基本运算
  2. LeetCode 1320. 二指输入的的最小距离(动态规划)
  3. linux 虚拟 设备,Linux中的虚拟网络设备
  4. 基于vue的nuxt框架cnode社区服务端渲染
  5. 洛谷 | P1219 八皇后(DFS)C++
  6. 安装apk报错INSTALL_FAILED_UPDATE_INCOMPATIBLE的解决方法
  7. owncloud搭建过程
  8. JS组件系列——表格组件神器:bootstrap table(二:父子表和行列调序)
  9. micropython移植增加驱动,MicroPython之LPC1788移植
  10. creator创建密匙库,查询密匙库密匙,校对密匙
  11. android手机怎么上卡,安卓手机卡慢怎么办 安卓手机卡慢解决方案【详解】
  12. mysql 日期截止,MySQL查询以开始日期和结束日期计算日期范围内的天数
  13. 靠谱分3个层次,你在哪一层?做到第3层才会有开挂的人生
  14. 什么是推挽输出,开漏输出?
  15. php实现狼和兔子,兔子和狼作文4篇
  16. 常见的纸张及相片尺寸
  17. K8S云管平台开发实践 - Dockerfile
  18. ckc交易什么意思_黄金TD交易保值是什么意思?炒黄金如何盈利?
  19. php64解密,PHP 用base64兑现加密解密
  20. MacBook 重置 MySQL的密码

热门文章

  1. 爱聚云店宝,荣获 “中国新零售联盟联合发起人”单位
  2. BeanUtilsVo.copyProperties源码分析
  3. linux ffmpeg Unknown encoder 'h264'
  4. 华为5500v3多路径linux6,使用Linux自带多路径multipath
  5. BZOJ3161 : 孤舟蓑笠翁
  6. SysML精粹学习笔记二
  7. 《异常检测——从经典算法到深度学习》5 Opprentice——异常检测经典算法最终篇
  8. 腾讯云从业者认证考试(学习笔记知识总结-全部章节)
  9. “我靠这4个项目,拿到了年薪30万+的大厂Offer”
  10. 哪个城市美女最多?OPPO R11开启“谁是拍照King·仲夏之梦”活动