「javaeasyui」javaeasyui使用方法

今天给各位分享javaeasyui的知识，其中也会对javaeasyui使用方法进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、菜鸟求教，java easyui 怎么用DataGrid 的属性queryParams给后台传参数，DataGrid的代码如下：
• 2、在javaweb程序中使用easyui插件从后台获取数据向前端传值的时候,如何使一条数据分成两行来展示.
• 3、如何用easyui+JAVA 实现动态拼凑datagrid表格
• 4、java easyui datagrid 重新赋值的问题
• 5、java中Easyui 问题 ：var row=$('#dg').datagrid('getSelected');
• 6、JAVA easyui tab子页面切换

菜鸟求教，java easyui 怎么用DataGrid 的属性queryParams给后台传参数，DataGrid的代码如下：

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

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

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

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

在js中写一个方法

function addParam（）{

var param = {“age” :18};

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

}

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

在javaweb程序中使用easyui插件从后台获取数据向前端传值的时候,如何使一条数据分成两行来展示.

easyUI基本都是通过ajax发送地址到后台进行数据的交互的

比如使用datagrid列表，做法如下：

div id="dg"/div

jq：

$("#grid").datagrid({ //datagrid插件的用法

url: "/Log/GetLogData", //发送地址进行数据获取

title: "日志列表",

iconCls: "icon-view",

width: 1000,

queryParams: queryData,

pagination: true,

pageSize: 15,

pageList: [15, 30, 50],

rownumbers: true,

columns: [[

{

field: 'ck',

checkbox:true,

}, {

title: '日志内容',

field: 'logContent', //这里字段必须和返回的sql数据名一致

width: 300

}, {

title: '日志添加时间',

field: 'logTime',

width:150

}, {

title: 'IP',

field: 'IP',

width:100

}

]]

});

}

后端：

public ActionResult GetLogData(){

return Json(xxx); //注意datagrid返回的是json格式的。

}

如何用easyui+JAVA 实现动态拼凑datagrid表格

首先datagrid表格式智能显示的只要你的json字符串符合特定格式就可以正确显示。所以你需要做的就是在后台拼接好字符串发送到前台就行了，datagrid会自动显示。

json字符格式：注意格式一定要正确。

{"total":28,"rows":[

{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},

{"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},

]}

上面是后台拼接好的字符串，可以使用fastjson-1.1.28.jar架包；架包只能将类或list或map转为json字符串，而我们要的数据中多了两个字段：total和rows，所以还要建立一个封装类。类中定义两个变量：total和rows，rows是一个我们的数据集合，将这个类转换成json字符串发送到前台就可以了。

如果前台要特定格式或样式显示可以使用datagrid的属性来设置：

$('#dg').datagrid({

url:'datagrid_data.json',

columns:[[

{field:'code',title:'Code',width:100},

{field:'name',title:'Name',width:100},

{field:'price',title:'Price',width:100,

formatter: function(value,row,index){

if (row.user){

return row.user.name;

} else {

return value;

}

}

}

]]

});

这样基本上就可以实现我们所需要的了。

java easyui datagrid 重新赋值的问题

思路应该是你在点智能分类时，要能取到当前栏，取出当前栏的val，赋值给同row的下一栏。

easyui没用过，通过jquery或者元素，取值，赋值。

这个过程应该好的，楼主参考这个逻辑看看。

确实能通过查看生成的html给表格赋值，不过赋完值后不能传递到后台，这点很蛋疼：

赋值：

eval("$('tr[id=datagrid-row-r1-2-"

+

index

+

"]

td[field=troubleCode]');").children("div").text(code);

提交

var

troubles

=

$("#troubleGrid").datagrid('getRows');

serviceTicketVO.serviceTroubleInfos

=

troubles;

将serviceTicketVO通过ajax提交，传递的是空。无语。

java中Easyui 问题 ：var row=$('#dg').datagrid('getSelected');

楼主您好

$('#dg')代表的是id是dg的html元素

getSelected代表datagrid数据表格中“返回第一个被选中的行或如果没有选中的行则返回null。 ”

JAVA easyui tab子页面切换

可以看下API window里面dialog

Demo：

div id="dd"Dialog Content./div

$('#dd').dialog({

title: 'My Dialog',

width: 400,

height: 200,

closed: false,

cache: false,

href: 'get_content.php',

modal: true

});

$('#dd').dialog('refresh', 'new_content.php');

关于javaeasyui和javaeasyui使用方法的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。