easyui的datagrid过滤

A. jquery easyUI datagrid中combobox级联过滤怎么实现

1：准备2个input设置不同的id

<inputid="box1">
<inputid="box2">

$('#box1').combobox({
data:[{id:0,text:'广州'},{id:1,text:'上海'}]
valueField:'id',
textField:'text'
});
$('#box2').combobox({
valueField:'id',
textField:'text'
});

$('#box1').combobox({
onSelect:function(record){
varregion=[];
if(record.id==0){//如果城市是广州
region.push={id:0101,text:"黄埔区"};
region.push={id:0102,text:"天河区"};
}elseif(record.id==1){//如果城市是上海
region.push={id:0101,text:"浦东区"};
region.push={id:0102,text:"松江区"};
}
//给box2赋值
$('#box2').combobox({
data:region
});
}
});

B. 如何用js代码对easyUI的combobox中的数据进行过滤，让其显示过滤后的内容

easyui创建combobox不是有url的属性嘛 你想过滤的话就把数据源加上查询条件就是你所说的value呗。至于什么时候触发这个就看你了

C. easyui的datagrid能隐藏指定行么

（1）获得抄datagrid对象，例如袭id为test-datagrid,$("#test-datagrid").datagrid('hideColumn', filed);
（2）注意：datagrid中的方法hideColumn中的filed是列中对应的域同时方法hideColumn注意不加括号

D. easyui datagrid如何判断该列是否隐藏

easyui没有提供这样的API，但可以通过jquery获得，被隐藏的列的td的css都是display:none，所以可以通过$("td:hidden")来获得所有隐藏的单元格

E. easyui datagrid根据条件查询出数据重新加载时报错

方法不对，不是异步请求，有一个参数（“#id”）...url=“”；

F. easyui datagrid 中已经可以将数据全部显示出来，现在要在前端页面中查询指定条件，怎么在datagrid中实现

获取当前的grid 循环判断获取需要的值 存进newData中 加载数据
var newData =[];
var gridData = $("#id").datagrid('getData');//获取当前grid的所有数据
for(var i =0;i<gridData.total;i++){
if (gridData[i].fieldId == '10') {
newData.push(gridData[i]);
}

}
$("#id").datagrid('loadData',newData);

G. easyui的datagrid中如何带有查询条件分页

不多说，抄url传输参数，看代码：var queryParams = $('#sq_list').datagrid('options').queryParams;
queryParams.sq_dw_mingcheng='{$_REQUEST['sq_dw_mingcheng']}'
queryParams.sq_mingcheng='{$_REQUEST['sq_mingcheng']}'
queryParams.time1='{$_REQUEST['time1']}'
$("#sq_list").datagrid('reload');其中红色标记处为easyui自动发送的page参数，也就是选择的页码网上资料不多，因为对easyui的帮助文档没有任何研究，所以走了不少弯路，特意留个印象

H. easyui datagrid loadFilter怎么条件过滤数据

给你一个我写好的分页方法：

functionpagerFilter(data){//分页事件
if(typeofdata.length=='number'&&typeofdata.splice=='function'){	//isarray
data={
total:data.length,
rows:data
}
}
vardg=$(this);
varopts=dg.datagrid('options');
varpager=dg.datagrid('getPager');
pager.pagination({
onSelectPage:function(pageNum,pageSize){
dg.datagrid('loading');
setTimeout(function(){
opts.pageNumber=pageNum;
opts.pageSize=pageSize;
pager.pagination('refresh',{
pageNumber:pageNum,
pageSize:pageSize
});
dg.datagrid('loadData',data);
},1);
},
onChangePageSize:function(pageSize){
vardgID=dg.attr("id");
$.cookie(dgID,pageSize,{expires:365});
}
});
if(!data.originalRows){
data.originalRows=(data.rows);
}
if(!opts.remoteSort&&opts.sortName){
vartarget=this;
varnames=opts.sortName.split(',');
varorders=opts.sortOrder.split(',');
data.originalRows.sort(function(r1,r2){
varr=0;
for(vari=0;i<names.length;i++){
varsn=names[i];
varso=orders[i];
varcol=$(target).datagrid('getColumnOption',sn);
varsortFunc=col.sorter||function(a,b){
returna==b?0:(a>b?1:-1);
};
r=sortFunc(r1[sn],r2[sn])*(so=='asc'?1:-1);
if(r!=0){
returnr;
}
}
returnr;
});
}
varmaxPage=Math.ceil(data.originalRows.length/parseInt(opts.pageSize));
maxPage=maxPage==0?1:maxPage;
opts.pageNumber=maxPage<opts.pageNumber?maxPage:opts.pageNumber;
varstart=(opts.pageNumber-1)*parseInt(opts.pageSize);
varend=start+parseInt(opts.pageSize);
data.rows=(data.originalRows.slice(start,end));
returndata;
}

$("#grid").datagrid({
.....前面的属性略
loadFilter:pagerFilter
});

其实吧，我觉得，反正我用的时候，所有的Grid都是需要这个分页方法的。所以，我就直接把grid的默认值改掉。这样，就不用每个grid都去绑定loadFilter了。

if($.fn.datagrid){
$.fn.datagrid.defaults.loadFilter=pagerFilter;//分页事件
}

希望能帮到你。

I. easyui的datagrid-filter-row与分页冲突,请问一下这个问题你解决了吗

依稀记得这不是一个bug，他本身的策略就是过滤当前数据，两个解决方案：专1.一次加载全部数属据，或一部分，总之够展示的就ok（推荐）。2.忘了，总之考虑他设计的策略，好像是看你需求是先分页再过滤还是先过滤在分页。

J. easyui的datagrid如何去除复选框

DataGrid属性：
singleSelect boolean 如果为true，则只允许选择一行。 false
ctrlSelect boolean 在启用多行选择的时候允许使用Ctrl键+鼠标点击的方式进行多选操作。（该属性自1.3.6版开始可用）
checkOnSelect boolean 如果为true，当用户点击行的时候该复选框就会被选中或取消选中。如果为false，当用户仅在点击该复选框的时候才会呗选中或取消。（该属性自1.3版开始可用） true
selectOnCheck boolean 如果为true，单击复选框将永远选择行。如果为false，选择行将不选中复选框。（该属性自1.3版开始可用）

DataGrid列是一个数组对象，该元素也是一个数组对象。元素数组里面的元素是一个配置对象，它用来定义每一个列字段。
checkbox boolean 如果为true，则显示复选框。该复选框列固定宽度。

DataGrid事件

onSelect rowIndex, rowData 在用户选择一行的时候触发，参数包括：rowIndex：选择的行的索引值，索引从0开始。rowData：对应于所选行的记录。
onUnselect rowIndex, rowData 在用户取消选择一行的时候触发，参数包括：rowIndex：选择的行的索引值，索引从0开始。rowData：对应于取消选择行的记录。
onSelectAll rows 在用户选择所有行的时候触发。
onUnselectAll rows 在用户取消选择所有行的时候触发。
onCheck rowIndex,rowData 在用户勾选一行的时候触发，参数包括：rowIndex：选中的行索引，索引从0开始。rowData：对应于所选行的记录。（该事件自1.3版开始可用）
onUncheck rowIndex,rowData 在用户取消勾选一行的时候触发，参数包括：rowIndex：选中的行索引，索引从0开始。rowData：对应于取消勾选行的记录。（该事件自1.3版开始可用）
onCheckAll rows 在用户勾选所有行的时候触发。（该事件自1.3版开始可用）
onUncheckAll rows 在用户取消勾选所有行的时候触发。（该事件自1.3版开始可用）

方法

getChecked none 在复选框呗选中的时候返回所有行。（该方法自1.3版开始可用）
getSelected none 返回第一个被选中的行或如果没有选中的行则返回null。
getSelections none 返回所有被选中的行，当没有记录被选中的时候将返回一个空数组。
clearSelections none 清除所有选择的行。
clearChecked none 清除所有勾选的行。（该方法自1.3.2版开始可用）
selectAll none 选择当前页中所有的行。
unselectAll none 取消选择所有当前页中所有的行。
selectRow index 选择一行，行索引从0开始。
selectRecord idValue 通过ID值参数选择一行。
unselectRow index 取消选择一行。
checkAll none 勾选当前页中的所有行。（该方法自1.3版开始可用）
uncheckAll none 取消勾选当前页中的所有行。（该方法自1.3版开始可用）
checkRow index 勾选一行，行索引从0开始。（该方法自1.3版开始可用）
uncheckRow index 取消勾选一行，行索引从0开始。（该方法自1.3版开始可用）