① 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这种可以自定义编辑器的,可以把编辑器数据带到行数据中,把需要有不同编辑器的列的编辑器改为自定义,然后在自定义方法中获取该行数据中的编辑器数据,返回不同的控件
有的控件不支持自定义控件,则可能需要修改源代码让他来支持上述逻辑