『壹』 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方法會跳到第一頁然後刷新.
只要選擇第一種就初始化了