easyui如何使用table布局嵌套多个table

var width = $(window)width()-80;

var height = $(window)height()-120;

stView_layout = $('#stView_layout')layout({

width: width,

height: height

});

station_view = $('#stationView')window({

title: '测站导航',

left:50,

top:80,

width: width,

modal: false,

shadow: false,

closed: true,

height: height,

onResize:function(w,h){

if(stView_treegrid){

stView_treegridtreegrid({

width:w-20,

height:h-260

});

}

}

});

项目中刚好有excel内容导入easyui表格的功能。excel的内容复制后其实就是个<table>，用js获取table的内容，存为json对象，再调用easyui的datagrid生成表格。

你上面的dataGrid应该只是个本地的例子吧，没有和后台交互吧!因为我看你的url="mytable",感觉不像是action请求；因为你说的queryParams是需要发送远程请求时，才起作用的；

queryParams这个属性的作用其实就是在url的请求中添加额外的参数；

比如：url：“${ctx}/sys/useractionname=‘小明’ ”，如果你想再附加一个参数age=18;

好比url：“${ctx}/sys/useractionname=‘小明’&age=18 ”这样的url，这样的话，你就可以利用queryParams这个属性了；

在js中写一个方法

function addParam（）{

var param = {“age” :18};

$("#tt")datagrid("load", param);

}

这样就会重新去发送新的url请求，初始化datagrid新的数据了；（我这样的写法是动态的设置请求参数，如果你想直接在datagird初始化中添加参数，你就直接在初始化datagird的时候添加属性queryParams : {参数名:'参数值',}）

追问

url="mytable"是servlet映射的路径。我写成这样的：

$('#tt')datagrid({

queryParams:{

action:'参数值'

}

});

但是后台接收不到，大侠，请帮帮忙

首先你先确定发送出的请求是否跳转到mytable对应的<servlet-class>类中的service()方法了没有，你用debug断点跟踪一下，如果 进去了，你是用requestgetParameter("action");获取参数的吧!

跳转了，我怀疑是我queryParams的写法不对，我用标签的写法，这样对不对：<table id="tt" class="easyui-datagrid" url="mytable" toolbar="#tb" iconCls="icon-save"

queryParams="{

action:'参数值'

}" >

EasyUI 是基于Jquery封装的一套可见即可得的图像界面框架，主要用于网页前台开发，和JavaScript，JSP，CSS等网络开发语言一起使用。是一套非常好用的可见即可得的代码机制，其对于JavaScript封装的非常好。避免很多直接使用JavaScript容易触犯的错误。

2-最基本的Jquery EAsyUI DataGrid

<table class="easyui-datagrid" title="Basic DataGrid" style="width:700px;height:250px"

data-options="singleSelect:true,collapsible:true,url:'datagrid_data1json',method:'get'">

<thead>

<tr>

<th data-options="field:'itemid',width:80">Item ID</th>

<th data-options="field:'productid',width:100">Product</th>

<th data-options="field:'listprice',width:80,align:'right'">List Price</th>

<th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>

<th data-options="field:'attr1',width:250">Attribute</th>

<th data-options="field:'status',width:60,align:'center'">Status</th>

</tr>

</thead>

</table>

3-EasyUI dataGrid隐藏一列，但是选择行的时候依旧可以获取值，这里提供两个方法，是我自己在无数尝试和搜索后，慢慢摸索出来的，供大家参考

实例：E:\\nps_manger

需要源代码请联系我

4-注意ID的行被注释了，但是IDField还是有ID，此种情况新增时取到是undefined

编辑和删除都是可以取到选择列对应的ID的

5-EasyUI DataGrid带条件查询，重新加载表格

新增查询输入框和对应的查询动作重写：

综上所述：

easyui是一种基于jQuery的用户界面插件集合~~~

easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。

使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。

easyui是个完美支持HTML5网页的完整框架。

easyui节省您网页开发的时间和规模。

easyui很简单但功能强大的。

这是示意图，datagrid第三列是checkbox，当checkbox改变时下边的table也跟着发生改变。

------解决方案--------------------

datagrid第三列用formatter返回一个复选框，然后检测选中事件，根据选中事件改变下面表格

以上就是关于easyui如何使用table布局嵌套多个table全部的内容，包括:easyui如何使用table布局嵌套多个table、ASP.NET 怎么把excel表中的数据导入到EASYUI中DATAGRID中、easyui datagrid table的url怎么加参数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！