斌- 2015-04-08 01:15 采纳率: 100%
浏览 4948
已采纳

使用jQuery easyUI画出左侧树,点击节点,内容显示在center中的页面代码

点击一个节点，显示相应的数据信息在center中，center中是用datagrid显示的。

  • 写回答

2条回答 默认 最新

  • 斯洛文尼亚旅游 2015-04-08 01:48
    关注

    你需要建立tab标签式的布局，点击就新建tab加载不同的datagrid，除非你datagrid数据结构一样，可以获取datagrid后传递链接参数给reload方法重新加载

    DEMO：http://www.coding123.net/article/20131230/jQuery-easyui-click-tree-node-add-tab-to-tabs.aspx

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • 探索 JQuery EasyUI：构建简单易用的前端页面
    2024-06-19 21:34
    繁依Fanyi的博客 而就在这纷繁复杂的技术海洋中，JQuery EasyUI 如一位指路明灯，为我们提供了一条清晰的航线。 1.1 什么是 JQuery EasyUI？ JQuery EasyUI，简单来说，就是一款基于 JQuery 的用户界面插件库。无论是初学者还是老手...
  • jQuery EasyUi实战教程之布局篇
    2020-10-22 21:42
    在给出的文件内容中，我们首先看到了对jQuery EasyUI Layout的介绍。Layout组件允许开发者通过定义不同的区域（region）来创建页面布局。从文件内容来看，布局可以划分为几个部分，分别定义为：顶部（north）、底部...
  • jQuery EasyUI 树形菜单 - 树形菜单加载父/子节点
    2025-12-18 10:14
    likuolei的博客 本文介绍了使用jQuery EasyUI实现树形菜单懒加载的实用方法，特别适合部门组织架构、菜单管理等场景。核心方案是初始只加载顶级节点，点击父节点时异步加载其直接子节点。文章提供了完整的HTML示例代码和PHP后台接口...
  • jQuery EasyUI 1.5.1 中文API文档(chm、exe、pdf)
    2019-06-12 23:52
    jQuery EasyUI 1.5.1 是一个基于 jQuery 的轻量级前端框架，它提供了丰富的组件和用户界面，便于快速构建交互式Web应用。这个框架集合了数据绑定、验证、表单处理、对话框、菜单、布局等多种功能，极大地简化了前端...
  • jQuery EasyUI 树形菜单 - 使用标记创建树形菜单
    2025-12-18 10:06
    yingjuxia.com的博客 本文介绍了使用jQuery EasyUI创建树形菜单的三种实用方法：1）纯HTML标记法，通过ul/li标签快速构建树形结构，支持无限嵌套和图标设置；2）标记与数据属性混合法，提供更灵活的节点控制；3）结合布局的完整后台框架...
  • jQuery Easyui实现左右布局
    2020-10-22 22:03
    在这里，`onClick` 回调函数用于处理 Tree 节点的点击事件，当用户点击一个节点时，会在内容区域的 Tabs 中打开对应的内容。 通过以上步骤，你可以利用 jQuery EasyUI 实现一个基本的左右布局页面，同时，EasyUI ...
  • jQuery EasyUI 树形菜单 - 创建异步树形菜单
    2025-12-18 10:07
    yingjuxia.com的博客 摘要：本文介绍了使用jQuery EasyUI创建异步树形菜单的3种方法。核心方法1通过onBeforeExpand事件实现懒加载，点击节点时才请求子节点数据，适合无限级菜单场景。文中提供了完整的前端代码和PHP后台接口示例，包括根...
  • jQuery EasyUI Tab 选项卡问题小结
    2020-10-21 17:46
    在上面的例子中，`clickTree` 函数用于处理树形结构节点的点击事件，当点击的是叶子节点时，会添加一个新的 Tab。`onSelect` 事件监听器则会在选项卡被选中时触发，获取当前选中 Tab 的 iframe 并重新设置其 `src` ...
  • easyui中点击菜单树中的某个选项，右边的窗口显示该选项对应的iframe窗口内容
    2020-03-12 20:09
    peacezhi的博客 div id="div1" class="easyui-layout" data-options="fit:true"> <div data-options="region:'north',title:'头部',split:true" style="height:100px"></div> <div data-options="regio...
  • 轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
    2020-10-23 05:59
    EasyUI的`layout`组件用于划分页面区域，例如在我们的例子中，我们设置了北部(north)区域作为标题区，西部(west)区域用于展示RSS频道的树形菜单，而中心(center)区域则用于显示RSS Feed列表和具体内容。布局代码如下...
  • 没有解决我的问题, 去提问