EasyUI 如何在初始化的时候不自动加载数据 10
data-options="url:'<c:url value="/${base}/prod/loadstock"/>',
method:'get',border:false,singleSelect:true,fit:true,rownumbers:true,fitColumns:true,toolbar:'#tb',
idField:'line_ID' ">
上面的代码是我的jsp代码。这样的话,一加载页面,数据就自动出来了,怎样可以在查询按钮时,再查出数据。我不想把url设在js里面 展开
$("#aa").datagrid({
method:'get',
url:'',
rownumbers:true,
singleSelect:true,
toolbar:[{
text:'Add',
iconCls:'icon-add',
handler:function(){
test();
alert('add')}
},{
text:'Cut',
iconCls:'icon-cut',
handler:function(){alert('cut')}
},'-',{
text:'Save',
iconCls:'icon-save',
handler:function(){alert('save')}
}],
columns:[[
{field:'itemid',title:'itemid',width:100},
{field:'productid',title:'productid',width:100},
{field:'unitcost',title:'unitcost',width:100},
{field:'attr1',title:'attr1',width:100},
{field:'status',title:'status',width:100},
{field:'listprice',title:'listprice',width:100,align:'right'}
]] });
function test(){
$("#aa").datagrid({url:'datagrid_data1.json'});
}
等你点查询的时候在给url赋值;
可以这样。先url不进行赋值
$("#aa").datagrid({
method:'get',
url:'',
rownumbers:true,
singleSelect:true,
toolbar:[{
text:'Add',
iconCls:'icon-add',
handler:function(){
test();
alert('add')}
},{
text:'Cut',
iconCls:'icon-cut',
handler:function(){alert('cut')}
},'-',{
text:'Save',
iconCls:'icon-save',
handler:function(){alert('save')}
}],
columns:[[
{field:'itemid',title:'itemid',width:100},
{field:'productid',title:'productid',width:100},
{field:'unitcost',title:'unitcost',width:100},
{field:'attr1',title:'attr1',width:100},
{field:'status',title:'status',width:100},
{field:'listprice',title:'listprice',width:100,align:'right'}
]] });
function test(){
$("#aa").datagrid({url:'datagrid_data1.json'});
}
等你点查询的时候在给url赋值;
easyui是一种基于jQuery的用户界面插件集合。
easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。
使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。
easyui是个完美支持HTML5网页的完整框架。
easyui节省您网页开发的时间和规模。
easyui很简单但功能强大的。
推荐于2018-02-26 · 知道合伙人互联网行家
$("#aa").datagrid({
method:'get',
url:'',
rownumbers:true,
singleSelect:true,
toolbar:[{
text:'Add',
iconCls:'icon-add',
handler:function(){
test();
alert('add')}
},{
text:'Cut',
iconCls:'icon-cut',
handler:function(){alert('cut')}
},'-',{
text:'Save',
iconCls:'icon-save',
handler:function(){alert('save')}
}],
columns:[[
{field:'itemid',title:'itemid',width:100},
{field:'productid',title:'productid',width:100},
{field:'unitcost',title:'unitcost',width:100},
{field:'attr1',title:'attr1',width:100},
{field:'status',title:'status',width:100},
{field:'listprice',title:'listprice',width:100,align:'right'}
]] });
function test(){
$("#aa").datagrid({url:'datagrid_data1.json'});
}
等你点查询的时候在给url赋值;
$('#dg').datagrid({
queryParams: {
name: 'easyui',
subject: 'datagrid'
}
});
这个只是传递到后台的参数而已,怎样可以控制不要自动加载数据呢?
啊,明白了。你是要打开一个空白的页面,当你点击查询后。再出来数据。
。。。
也很简单,你不想吧URL写在JS中。那就还写在data-option中。
在默认的参数中,加一个标示。比如是否是第一次打开的参数名称,默认是true的。
后台接收一下,如果是,就返回一个空的json。这样就行了。
当你查询时,将该参数改为false。
后台false时,查数据。
我讲清楚了吗??