『壹』 easyui选datagrid择框只能选择一条
加一个singleSelect: true
$('#datas').datagrid({
loadMsg:'数据加载中,请稍后...',
height:getHeight(0.85),
pageList:[10,15,30],
nowrap:false,
singleSelect:true
}
希望能够帮到你！
『贰』 easyui datagrid 如何嵌入以toolbar形式的搜索功能求答案
首先：看下功能截图 二.在看页面加载datagrid代码： //组grid创建 function groupgrid(url){ $('#leftGroupGrid').datagrid({ title:'字典表分组', iconCls:'icon-ok', singleSelect:true, fitColumns: true, nowrap:false, striped: true, collapsible:true, url:url, loadMsg:'请稍候,系统正在处理请求...', dataType: 'json', pagination:true, rownumbers:true, remoteSort:false, columns:[[ {field:'groupname',title:'组名',width:$('#leftGroupGrid').width()*0.3,sortable:true,Editor:'text'}, {field:'remark',title:'描述',width:$('#leftGroupGrid').width()*0.2,sortable:true,editor:'text'}, {field:'type',title:'数据类型',width:$('#leftGroupGrid').width()*0.175, editor:{ type:'combobox', options:{valueField:'id',textField:'name',data:typepram,required:true} }}, {field:'dicDicType',title:'字典表分类',width:$('#leftGroupGrid').width()*0.175, editor:{ type:'combobox', options:{valueField:'id',textField:'name',data:dicdictypepram,required:true} }}, {field:'action',title:'操作',width:$('#leftGroupGrid').width()*0.15,align:'center', formatter:function(value,row,index){ if (row.editing){ var s = '<a href="#" onclick="saveGroupRow('+index+')"><img src="${ctx}/resources/jquery-easyui-1.2.5/themes/icons/filesave.png" width="16" height="16" border="0" alt="保存"></a> '; var c = '<a href="#" onclick="cancelGrouprow('+index+')"><img src="${ctx}/resources/jquery-easyui-1.2.5/themes/icons/redo.png" width="16" height="16" border="0" alt="撤销"></a> '; return s+c; } else { return '--'; } } } ]], onBeforeLoad:function(){ $('leftGroupGrid').datagrid('rejectChanges'); $('#lbtnadd').linkbutton('enable'); }, //双击行事件（根据组名查询组中的值信息） onDblClickRow:function(rowIndex,rowData){group = rowData.groupname;$(document).ready(function(){rightItemGrid();});}, //用户开始编辑一行时触发 onBeforeEdit:function(index,row){row.editing = true;$('#leftGroupGrid').datagrid('refreshRow',index);}, //当用户完成编辑一行时触发 onAfterEdit:function(index,row,changes){saveGroupRow(index,row,changes);row.editing = false;$('#leftGroupGrid').datagrid('refreshRow',index);}, //当用户取消编辑一行时触发 onCancelEdit:function(index,row){row.editing = false;$('#leftGroupGrid').datagrid('rejectChanges');} }); //设置分页控件 $('#leftGroupGrid').datagrid('getPager').pagination({ pageSize: 10,//每页显示的记录条数，默认为10 pageList: [5,10,15],//可以设置每页记录条数的列表 beforePageText: '第',//页数文本框前显示的汉字 afterPageText: '页 共 {pages} 页', displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录', }); } 三.定义的html代码： <!-- start 列表区 --> <div class="divgrid"> <table border="0" cellspacing="5px"> <tr> <td valign="top"><table id="leftGroupGrid" toolbar="#search"></table></td> <td valign="top"><table id="rightItemGrid"></table></td> </tr> </table> </div> <!-- end 列表区 --> <!-- start搜索框 --> <div id="search" style="padding-top: 3px;"> <a href="javascript:void(0)" id="lbtnadd" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="insertGroupRow();">增加</a> 组名<input type="text" id="txtGroupName" value="${groupname}" style="width:80px"></input> 描述<input type="text" id="txtRemark" value="${remark}" style="width:80px"></input> 类型<select id="txtType" > <ef:option groupname="DicType" selectedValue="${type}" link="true" flag="true"></ef:option> </select> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="selectItemValue();">查询</a> </div> <!-- end搜索框 --> 四.代码贴上了，解释下：1.定义了一个<td valign="top"><table id="leftGroupGrid" toolbar="#search"></table></td>的table专门放json数据；2.在table里引用toolbar="#search“，即将定义好的<div id="search" style="padding-top: 3px;"></div>的内容以toolbar的形式嵌入到了上述table里；3.注意toolbar是等于div里的#id。
『叁』 easyui的datagrid-filter-row与分页冲突,请问一下这个问题你解决了吗
依稀记得这不是一个bug，他本身的策略就是过滤当前数据，两个解决方案：回1.一次加载全部数据，答或一部分，总之够展示的就ok（推荐）。2.忘了，总之考虑他设计的策略，好像是看你需求是先分页再过滤还是先过滤在分页。
『肆』 jQuery easyUI easyui-datagrid 选中指定内容的行
找一个唯一字段，比如上边的房屋编号id，设为唯一标识，设置idField字段
$('#tt').datagrid({
//...省略若干代码
idField:"id",
//...省略若干代码
});调用时，传入唯一标识，找到记录所在的索引
$('#tt').datagrid('getRowIndex',row.id);示例（自己根据需求可以在精简一下）：
//dg=$("#tt").datagrid({...})返回的实例;
functionsingleScroll(row){
varindex=dg.datagrid('getRowIndex',row.id);
dg.datagrid('scrollTo',index);
dg.datagrid('selectRow',index);
}
functionbatchScroll(rows){
$.each(rows,function(i,row){
singleScroll(row);
});
}
function_scroll(){
vartestData=[
{id:"8"},
{id:"21"}
];
batchScroll(testData);
}
『伍』 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);
『陆』 jquery easyui datagrid如何 获取所有行(不是选择的，而是所有), 应该我要判断其中某列是否有值 ，谢谢
1. 确保你的datagrid包含来属性idField且其值不自会重复
2. var rows = $("#datagridID").datagrid("getRows");
如果你的datagrid没有分页的话，获取的就是所有加载了的记录；如果你的datagrid分页了的话，获取的是当前页加载的所有记录
『柒』 easyui怎么清空datagrid选中行的数据
var item = $('#filegrid').datagrid('getRows');
if (item) {
for (var i = item.length - 1; i >= 0; i--) {
var index = $('#filegrid').datagrid('getRowIndex', item[i]);
$('#filegrid').datagrid('deleteRow', index);
}
}
『捌』 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;//分页事件
}希望能帮到你。
『玖』 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的帮助文档没有任何研究，所以走了不少弯路，特意留个印象
『拾』 easyui datagrid 搜索时如何设置page
加载datagrid 有两种方式 如下：
load param 加载第一页数据，param将代替默认查询参数，注意的是回该方法只适用答于url方式.
reload param 刷新当前页数据，与load方法不同的时候reload方法刷新当前页数据，而load方法会跳到第一页然后刷新.
只要选择第一种就初始化了