① jqGrid查詢時中文亂碼問題。
在jquery.jqGrid.min.js中
搜索 case "json":case "jsonp":
在這個字元串後面找到b.ajax(b.extend({url:a.p.url,
用b.ajax(b.extend({url:encodeURI(a.p.url),
替換b.ajax(b.extend({url:a.p.url,
此問題版解決權。
② jqgrid需要引用哪些文件
jquery-ui.css
jquery-ui-1.10.4.custom.css
ui.jqgrid.css
jquery-1.11.2.js
jquery-ui.js
jquery.jqGrid.js
grid.locale-cn.js
上面是我使用jqgrid引用的文件,具體專可以查看屬jqgrid getting started ,http://www.jqgrid.com/jqgrid/articles/jqgrid-standalone/getting-started
③ jqgrid怎麼用js改表格數據
1 jqGrid動態增加列,
目前還沒有這樣的方法
只能先卸載Grid再進行重繪,才能達到改變列的目的。
Java代碼
jQuery('#grid1').GridUnload();
用這個方法 卸載jqgrid
然後重新設置吧
Java代碼
jQuery('#grid1').jqGrid({
colNames:...,
colModel:...,
...
});
2 用本地 數據 修改表格
這個必須先把數據類型改成local
Java代碼
$('#lgrid-1').jqGrid().clearGridData();
$('grid-1').jqGrid('setGridParam',
{ datatype:local,
rowNum:data.length,
data:data
}
).trigger('reloadGrid', [{page:1}]);
一旦用本地數據 分頁功能就不好用了,因為不會再去查後台了
3 修改多條 同時提交後台
Java代碼
var savedRow = null;
var savedCol = null;
// 修正
$('#lgrid-3').setGridParam({
beforeEditCell : function(rowid, cellname, value, iRow, iCol) {
// 記錄修改的表格
savedRow = iRow;
savedCol = iCol;
}
});
// 向後台發送數據前 保存表格的修改
if (savedRow && savedCol) {
jQuery('#grid-3').jqGrid('saveCell', savedRow, savedCol);
}
// 取得表格的數據 全部
var data = $('#grid-3').jqGrid().getRowData();
4 隱藏列
Java代碼
jQuery('#grid_id').hideCol('somecol').trigger('reloadGrid');
顯示用 showCol
5 可以多選的情況下 默認選中
Java代碼
$('#list').jqGrid().setSelection(1);
如果已經被選中 則是 反選
6 數據綁定前檢查
Java代碼
ajaxGridOptions:
{dataFilter:
function(data,dataType){ // preprocess the data
if ( $(data).find("code").text() == 'problem' ) { // check for an error in the result
$("#list").jqGrid('GridUnload');
$("#errormsg").text( $(data).find("description").text() );
}else{
return data;
}
}
}
④ lygrid.js兩個表格怎麼顯示
· var lastSel;
· jQuery("#gridid").jqGrid({
· ...
· onSelectRow: function(id){
· if(id && id!==lastSel){
· jQuery('#gridid').restoreRow(lastSel);
· lastSel=id;
· }
· jQuery('#gridid').editRow(id, true);
· },
· ...
· })
⑤ Extjs.grid.Panel組件的篩選插件如何自定義中文的篩選提示文字menuFilterText和空欄位文字提示信息
在本地化文件如ext-lang-zh_CN.js中加入:
Ext.define("Ext.locale.zh_CN.ux.grid.FiltersFeature",{
override:"Ext.ux.grid.FiltersFeature",
menuFilterText:"過濾專"
});
Ext.define("Ext.locale.zh_CN.ux.grid.filter.StringFilter",{
override:"Ext.ux.grid.filter.StringFilter",
emptyText:"請輸入過屬濾文本..."
});
⑥ 在js中怎麼改變jqgrid行數據
1 jqGrid動態增加列,
目前還沒有這樣的方法
只能先卸載Grid再進行重繪,才能達到改變列的目的。
Java代碼
jQuery('#grid1').GridUnload();
用這個方法 卸載jqgrid
然後重新設置吧
Java代碼
jQuery('#grid1').jqGrid({
colNames:...,
colModel:...,
...
});
2 用本地 數據 修改表格
這個必須先把數據類型改成local
Java代碼
$('#lgrid-1').jqGrid().clearGridData();
$('grid-1').jqGrid('setGridParam',
{ datatype:local,
rowNum:data.length,
data:data
}
).trigger('reloadGrid', [{page:1}]);
一旦用本地數據 分頁功能就不好用了,因為不會再去查後台了
3 修改多條 同時提交後台
Java代碼
var savedRow = null;
var savedCol = null;
// 修正
$('#lgrid-3').setGridParam({
beforeEditCell : function(rowid, cellname, value, iRow, iCol) {
// 記錄修改的表格
savedRow = iRow;
savedCol = iCol;
}
});
// 向後台發送數據前 保存表格的修改
if (savedRow && savedCol) {
jQuery('#grid-3').jqGrid('saveCell', savedRow, savedCol);
}
// 取得表格的數據 全部
var data = $('#grid-3').jqGrid().getRowData();
4 隱藏列
Java代碼
jQuery('#grid_id').hideCol('somecol').trigger('reloadGrid');
顯示用 showCol
5 可以多選的情況下 默認選中
Java代碼
$('#list').jqGrid().setSelection(1);
如果已經被選中 則是 反選
6 數據綁定前檢查
Java代碼
ajaxGridOptions:
{dataFilter:
function(data,dataType){ // preprocess the data
if ( $(data).find("code").text() == 'problem' ) { // check for an error in the result
$("#list").jqGrid('GridUnload');
$("#errormsg").text( $(data).find("description").text() );
}else{
return data;
}
}
}
⑦ 使用jqgrid 的js 文件到哪裡下載
http://w w w.trirand.com/blog/?page_id=6
官網(把w w w改成www)
⑧ jqgrid 怎麼實現中文排序 js
sql排序
在Model層加入,需要生成setter、getter方法。
public String getSord() {
return sord;
}
/*
* 設置 sord代表排序規回則(asc、desc)
* @param sord
*/
public void setSord(String sord) {
this.sord = sord == null ? null : sord.trim();
}
/**
* 獲取答 sidx代表排序的列名
* @return 獲取sidx代表排序的列名
*/
public String getSidx() {
return sidx;
}
/**
* 設置 sidx代表排序的列名
* @param sidx
*/
public void setSidx(String sidx) {
this.sidx = sidx == null ? null : sidx.trim();
}
⑨ js grid(表格)同一列有不同的控制項
分不同控制項了,比如jqgrid這種可以自定義編輯器的,可以把編輯器數據帶到行數據中,把需要有不同編輯器的列的編輯器改為自定義,然後在自定義方法中獲取該行數據中的編輯器數據,返回不同的控制項
有的控制項不支持自定義控制項,則可能需要修改源代碼讓他來支持上述邏輯