jt项目菜单页面实现

一. 业务描述:

1) 数据呈现时使用bootstrap中的treeGrid插件(基于jquery实现).

  bootstrap特点:简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单。

2) 页面加载完成,异步加载数据,以树结构table形式呈现.

二. 业务实现:

1) 引入treeGrid相关js文件 

  <script type="text/javascript" src="bower_components/treegrid/jquery.treegrid.extension.js"></script>  <script type="text/javascript" src="bower_components/treegrid/jquery.treegrid.min.js"></script>  <script type="text/javascript" src="bower_components/treegrid/tree.table.js"></script>

2) 定义方法异步加载数据

三. 代码实现:

function doGetObjects(){
  //1构建treeTable对象
  var table=new TreeTable(
    "menuTable",
    "menu/doFindObjects.do",
    columns)
  //2初始化treeTable对象
  //table.setExpandAll(true);
  table.setExpandColumn(2);//设置从那一列展开内容(默认为第一列)
  table.init();//底层会发起ajax请求
}

获取选中的记录:

  function doGetCheckedId(){
    //1.获取选中的记录
    var selections=$("#menuTable")
    //bootstrapTreeTable是treeGrid插件内部定义的jquery扩展函数
    //getSelections为扩展函数内部要调用的一个方法
    .bootstrapTreeTable("getSelections");
    //2.对记录进行判定
    if(selections.length==1)
    return selections[0].id;
  }

jt项目菜单页面实现的更多相关文章

  1. 基于spring框架的jt项目分页查询知识点(二)

    知识点汇总 1. 日志记录方法 private Logger log= Logger.getLogger(SysLogServiceImpl.class.getName()); 记录SysLogSer ...

  2. (四)play之yabe项目【页面】

    (四)play之yabe项目[页面] 博客分类: 框架@play framework   主页面 显示当前发表博客的完整内容,以及历史博客列表 Bootstrap Job 一个play job任务就是 ...

  3. php 用户访问菜单页面,必须登录,判断用户是否登录

    <pre name="code" class="python"># 本节课大纲: 一.空模块和空操作 1.空操作 function _empty($ ...

  4. 项目Splash页面的开发与设计

    项目Splash页面的开发与设计 首先建立一个安卓的项目,然后修改manifest.xml文件,修改应用程序的logo和显示名称,效果图如下: 对应的代码如下: 1 <?xml version= ...

  5. 新建SpringBoot项目运行页面报错Whitelabel Error Page This application has no explicit mapping for /error, so yo

    新建SpringBoot项目运行页面报错Whitelabel Error Page This application has no explicit mapping for /error, so yo ...

  6. jt项目日志查询流程

    jt项目日志查询流程

  7. 运行django新的项目,页面总是显示以前的项目,问题解决

    运行django新的项目,页面总是显示以前的项目 只需打开任务管理器,再进程中关闭python.exe 再次重新启动服务,python manage.py runserver.即可

  8. 如何在 GitHub 建立个人主页和项目演示页面

    Git.GitHub.TortoiseGit ?http://www.cnblogs.com/guyoung/archive/2012/02/18/8030-.html GitHub Github官网 ...

  9. 前端Vue项目——登录页面实现

    一.geetest滑动验证 geetest官方文档地址:https://docs.geetest.com/ 产品——极速验证:基于深度学习的人机识别应用.极验「行为验证」是一项可以帮助你的网站与APP ...

随机推荐

  1. 由于找不到 MSVCR100.dll,无法继续执行代码

    由于找不到 MSVCR100.dll,无法继续执行代码.重新安装程序可能会解决此问题 360软件管家中找到  进行安装即可

  2. axios封装异步获取数据的函数以及全局拦截

    https://www.cnblogs.com/momozjm/p/7273272.html https://www.jianshu.com/p/9a1b99cd2ba6

  3. np.Linear algebra学习

    转自:https://docs.scipy.org/doc/numpy-1.13.0/reference/routines.linalg.html 1.分解 //其中我觉得可以的就是svd奇异值分解吧 ...

  4. 建模:通过ES平铺关系型数据库多表的数据

    问:建模要从一个限界上下文中来建模,是否可以简单的把几张表进行笛卡尔乘积方式的平铺? 答:不能,原因之一,数据量会急剧增长:原因之二,这样的平铺是毫无意义的,必须要定义一个维度,在这个维度上根据需求约 ...

  5. shell 脚本中如何添加多行注释

    shell中有时会用到多行注释,一种时vim的快捷方式,我不太熟悉,一种是如下 :<<!   ......! 使用: :<< !.......! 比如: :<< ! ...

  6. webpack1.0--图片

  7. vue中检测敏感词,锚点

    当发布文章的时候,标题有敏感词 则检测有敏感词的接口成功的时候,写锚点 eg: _this .$alert("检测到标题有敏感词,请修改后再发布", "提示", ...

  8. 强力上攻后,在缓解期结束时,MACD将死叉,的后续情形

    强力上攻后,在缓解期结束时,MACD将死叉,的后续情形

  9. gulp打包公共部分

    安装gulp cnpm install gulp -g 输入gulp -v看到版本号说明安装成功了 安装gulp-file-include:npm install gulp-file-include ...

  10. JavaScript原型规则和实例

    var arr = [] // var arr = new Array() var obj = {} // var obj = new Object() function fn() {} // var ...