easyui datagrid url（easyui url 参数传递 及 实现查询指定信息返回前端界面 问题）

本文目录

• easyui url 参数传递 及 实现查询指定信息返回前端界面 问题
• easyui的datagrid点击页面时怎么触发指定的URL连接
• easyui中datagrid怎么给指定的列添加超链接，要求这一列的内容数据是不一样的，而且会更新，具体看图
• jquery easyUI 怎么把查询的数据放到dataGrid中
• easyui datagrid table的url怎么加参数
• easyui 的datagrid请求的时候发送4次请求，是这么回事呢
• Easyui官网demo里url: ’datagrid_data1.json’里的json数据到底怎么写，写在哪里啊，具体点求助啊
• 如果给easyui的datagrid事件赋值，而不触发加载数据事件
• easyUI中的datagrid的数据源只能是url不能是一个json吗
• easyui框架中的datagrid插件的url属性怎么赋值吗

easyui url 参数传递 及 实现查询指定信息返回前端界面 问题

如何将参数studentNum从findStudentum.jsp传递到showfindstuden.jsp中?
如何将showfindstuden.jsp页面中的参数studentNum传递到控制类中的findByStudentnum()方法中作为参数查询，并返回JSON数据?
问题1解答，将参数从findStudentum.jsp传递到showfindstuden.jsp中有多种方式，如JS跳转传参、SpringMvc跳转传参等等
这里主要说后者，前者不安全。
思路：findStudentum.jsp中的action先请求控制类中的某个方法，如toShowfindstuden，之后方法内部接收参数，
并携带参数进行转发至showfindstuden.jsp视图中。注意！而不是showfindstuden.jsp
如下：
《form action="toShowfindstuden" method="post"》
《!-- 此处省略...... --》
《/form》
@RequestMapping(value = "toShowfindstuden")
public String toShowfindstuden(HttpServletRequest request, String studentNum, ModelMap model) {
model.put("studentNum", studentNum);//将studentNum作为参数携带至showfindstuden.jsp
return "showfindstuden";//这里如何编写视图地址，需要根据你自己的配置去编写
}
问题2解答，将上层传递过来的参数进行接收，并作为datagrid所请求url的参数，向后台findByStudentnum()传入。
之后进行查询并返回数据。
返回数据时注意，若要返回JSON数据，需要在方法级别上添加@ResponseBody注解。
这样，如果顺利的话，就能正常传递并接收展示数据至datagrid了，祝你成功！

easyui的datagrid点击页面时怎么触发指定的URL连接

grid1 = $(’#tt1’).datagrid({
nowrap: true,//设置为true，当数据长度超出列宽时将会自动截取。
striped: true,//显示条纹
loadMsg:’正在加载数据.......’,//当从远程站点载入数据时，显示的一条快捷信息
rownumbers:true,//设置为true将显示行数
url:’test!page.action’,
singleSelect: true
});
只需要这样写，点击下一页就会执行这个url

easyui中datagrid怎么给指定的列添加超链接，要求这一列的内容数据是不一样的，而且会更新，具体看图

$(document).ready(function() {
var url = ’你的数据源’;
getData(url);
});
function getData(url){
$("#test").datagrid({
loadMsg:’数据加载中....’,
title:’项目评审情况一览表’,
iconCls:’icon-edit’,
width:800,
//height:100,
url:url,
nowrap: false,
striped: true,
collapsible:true,
sortName: ’id’,
sortOrder: ’asc’,
remoteSort: false,
pagination:true,
rownumbers:true,
fit:true,    //自适应大小
fitColumns:false,
autoScroll : true,
singleSelect:true,
frozenColumns:[[
                {title:’编号’,field:’id’,width:50,sortable:true,align:’center’}
]],
columns:[[
        {title:’基本信息’,colspan:6},
{field:’_operate’, title:’操作’,width:60,align:’center’, rowspan:2,
formatter:formatOper
},
{field:’assofile’, title:’下载’,width:60,align:’center’, rowspan:2,
formatter:formatDownload
}
],[
{field:’projectName’,title:’项目名称’,width:100,align:’center’},
{field:’projectType’,title:’选题类型’,width:100,align:’center’},
]],
});
        //查看详情
        function formatOper(val,row,index){  
    return ’《a href="#" onclick="reviewProject(’+index+’)"》评审《/a》’;  
} 
    function formatDownload(val,row,index){  
    var url = "${ctx}" + val;
    var returnString = ’《a href=’+url+’》下载《/a》’;
    return returnString;  
}

其实就是指定列的format，formatOper(val,row,index)中的三个参数，你自己alert一下，就明白了

jquery easyUI 怎么把查询的数据放到dataGrid中

你好！
datagrid的用法，大概是这样的：
它的一个url属性，指向了一个文件或者是一个地址。
这个地址或者文件当中就是你的数据，这里使用json格式保存数据，
而且在格式上有一定的要求，比如：
{"total":28,"rows":}
使用total表示datagrid的总数,而它的数据则记录在rows里面，
"rows":
表示一个数组，里面会有N条记录，
其中每一条记录可以为{"uname","AAA","age":20}类似这样的形式，其实就是字段名和字段值。
easyui里面的例子，很容易看懂，去看看吧··

easyui datagrid table的url怎么加参数

你上面的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 : {参数名:’参数值’,}）
追问
url="mytable"是servlet映射的路径。我写成这样的：
$(’#tt’).datagrid({
queryParams:{
action:’参数值’

}
});
但是后台接收不到，大侠，请帮帮忙
首先你先确定发送出的请求是否跳转到mytable对应的《servlet-class》类中的service()方法了没有，你用debug断点跟踪一下，如果 进去了，你是用request.getParameter("action");获取参数的吧!
跳转了，我怀疑是我queryParams的写法不对，我用标签的写法，这样对不对：《table id="tt" class="easyui-datagrid" url="mytable" toolbar="#tb" iconCls="icon-save"
queryParams="{
action:’参数值’
}" 》

easyui 的datagrid请求的时候发送4次请求，是这么回事呢

var grid = $("#dg");
grid.datagrid({
border:false,
fit:true,
idField:"id",
url:’activity/find’,
pagination:true,
rownumbers:true,
singleSelect:true,
columns:[[
{field:’id’,title:’ID’,width:100},
{field:’title’,title:’标题’,width:300},
{field:’hotline’,title:’热线’,width:60},
{field:’status’,title:’状态’,width:60,formatter:function(v){
if(v == "1")
return "进行中";
else if(v == "2")
return "已结束";
}},
{field:’order_num’,title:’显示顺序’,width:60},
{field:’start_time’,title:’开始时间’,width:100},
{field:’end_time’,title:’结束时间’,width:100},
{field:’created_time’,title:’创建时间’, formatter:WebUtil.easyui.formatter.millisecond},
{field:’updated_time’,title:’更新时间’, formatter:WebUtil.easyui.formatter.millisecond}
]],
toolbar:[{
iconCls:"icon-reload",
text:"刷新",
handler:function(){
grid.datagrid(’reload’);
}
}, "-", {
iconCls:"icon-add",
text:"添加",
handler:function(){}
},{
iconCls:"icon-edit",
text:"修改",
handler:function(){}
},{
iconCls:"icon-remove",
text:"删除",
handler:function(){}
}]
});
照这个逻辑写，同时注意是否其他加载代码里面调用了datagrid加载。

Easyui官网demo里url: ’datagrid_data1.json’里的json数据到底怎么写，写在哪里啊，具体点求助啊

json数据要看你是什么插件。

例如datagrid（分页）：

{total:15,pageSize:5,pageNum:1,rows:}

这个分页json格式是官方规定的（单词可能写错自行百度下）

例如datagrid（无分页）：

{name:"张三"},{name:"李四"}

其他的格式都没有什么特别要求，如果是tree插件那就要加入childnode等等参数啦

还有什么要求的可以联系我

如果给easyui的datagrid事件赋值，而不触发加载数据事件

1. 首先，定准datagrid的时候，不需要设置url。

2. 点击查询时，先给datagrid设置请求参数。然后，再设置url. url设置后，会默认进行查询请求。

3. 注意：如果我们先设置url,使用load方法的话，实际上会对后台做两次查询。
   

function showdata() {

$(’#querygrid’).datagrid({

  queryParams: {

q_year  : $("#q_year").combobox(’getValue’),

q_major : $("#q_major").combobox(’getValue’)

  }

});

$(’#querygrid’).datagrid({

url : ’MajorController/get_major.do’

});

/**

$(’#querygrid’).datagrid(’load’, {

q_year  : $("#q_year").combobox(’getValue’),

q_major : $("#q_major").combobox(’getValue’)

});

**/

setpagination();

}

easyUI中的datagrid的数据源只能是url不能是一个json吗

刚刚接触easyUI，这个datagrid的url载入数据也是困扰多时。
首先，Visual
Studio直接写个json文件是不行的!直接打开htm文件到时可以，但是用VS预览是绝逼出不了数据的，我试了一下午。(有个奇葩方法，你把json文件结尾变成.aspx就可以显示数据了，但只限VS里跑起来才行，而且也只能是VS里行，本地打开htm就歇菜了，随意这个方法不推荐)
url参数里的地址必须是用ajax方法得到的json数据，可以用ashx文件，或者mvc
的jsonresult路径，只要返回json字符串就可以。
或者直接加载js对象，也就是用loadData方法，url设置为null
我又查了查，嗯，大概是这样
默认iis是没有json文件的mime映射的，所以请求json文件会出现404【GET请求】或者405
Method
Not
Allowed【POST请求】错误，导致无法加载json文件。
如果是学习easyUI的时候，我觉得配置jquery
easyui
datagrid的请求方式方法为GET【默认为POST请求】，这样可以
$(’#xxxx’).datagrid({
method:’GET’//===========
//........其他配置
});

easyui框架中的datagrid插件的url属性怎么赋值吗

如果要修改已经定义好的datagrid的url属性：
$("#datagrid的id).datagrid(’options’).url = url属性;
$("#datagrid的id").datagrid(’load’);