easyui中点击树节点加载选项卡,且选项卡内添加数据表格该怎么实现?为什么我的代码只能加载一个数据表格

zoewren 2016-01-18 11:35:48
<script type="text/javascript">
//添加树控件
$("#tr1").tree({
url:'tree_data.json'
});

//双击树的节点添加面板
$("#tr").tree({
onDblClick:function(node){
addTab(node);
}
});

//添加面板
function addTab(node){
$("#ta").tabs('add',{
title:node.text,
content:'<table id="tb"></table>',
closable:true
});
}

//添加选项卡的时候添加数据表格
$(function(){
$("#ta").tabs({
onAdd:function(title,index){
addGrid();
}
});
});


//添加数据表格的方法
function addGrid(){
$("#tb").datagrid({
url:'datagrid_data.json',
iconCls:'icon-ok',
columns:[[
{field:'code',title:'Code',width:100},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'}
]],
fitColumns:true,//允许表格自动缩放,以适应父容器
pagination : true//分页
//rownumbers:true//显示行数
});
}
...全文
288 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
执念一分 2017-09-26
  • 打赏
  • 举报
回复
id名改类名
执念一分 2017-09-26
  • 打赏
  • 举报
回复
楼主怎样解决的?
该课程是胡延亮老师在完成《ASP.Net开发课程  MVC5入门篇》和《ASP.Net开发课程  MVC5提升篇》基础课程后的,第一门关于MVC5+EasyUI实战基础的课程,主要内容包含:环境搭建,系统登录,用户管理等基础功能。    MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构。    easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。    easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。    使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。    easyui是个完美支持HTML5网页的完整框架。    easyui节省您网页开发的时间和规模。    easyui很简单但功能强大的。主讲内容:创建数据库环境搭建创建登录页面创建登录控制器实现登录功能创建管理主页面创建用户管理页面用户列表显示用户增加用户删除用户查询用户删除等功能。

39,084

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧