我已经做了研究,我知道如何制作自定义格式化程序或编辑器以及如何使用它。我的问题是,我无法设置或使用格式化程序。我的结构:
jQuery包括:
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.event.drag-2.2.js"></script>
<script type="text/javascript" src="slick.core.js"></script>
<script type="text/javascript" src="slick.editors.js"></script>
<script type="text/javascript" src="slick.formatters.js"></script>
<script type="text/javascript" src="slick.grid.js"></script>
上面所有内容均未经编辑。实现网格的代码:
var grid; var cols; var rows; var options = {
enableCellNavigation: true,
enableColumnReorder: false,
forceFitColumns: true
};
*rows and cols come from server side via JSON.parse*
grid = new Slick.Grid("#results", rows, cols, options);
来自服务器并填充行和 cols 变量的代码基本上是这样的:
cols:
echo json_encode('[
{"id":"price", "name":"Ár", "field":"price"},
{"id":"location", "name":"Elhelyezkedés", "field":"location"},
{"id":"egyeb", "name":"Lófasz", "field":"egyeb"},
{"id":"pic", "name":"Képek", "field":"pic", "formatter":"Slick.Formatters.PercentComplete"}
]');
rows:
echo json_encode('[
{"price": "5", "location":"AlsóBélaCsecselény", "egyeb":"lófasz", "pic":"1", "link":"ezittahelye"},
{"price": "6", "location":"qrsóBéqrcselény", "egyeb":"lófasz", "pic":"2", "link":"ezittahelye"},
{"price": "7", "location":"AlsóBélaqwqwrelény", "egyeb":"lófasz", "pic":"3", "link":"ezittahelye"},
{"price": "8", "location":"qwrCsecselény", "egyeb":"lófasz", "pic":"4", "link":"ezittahelye"}
]');
当图片列没有格式化程序时,一切正常,并且网格也与列的额外属性一起工作,例如错误键入的"格式化程序"标签(如"fformatter"或其他什么),
但是每次 JSON 代码具有"格式化程序"属性时,Javascript 都会给我以下错误:
未捕获的异常:TypeError:"getFormatter(row, m)"不是函数
每次我尝试加载表格时,格式化程序都会弄乱一切,我不知道下一步该怎么做!我试图追踪错误,它把我带到了1124。slick.grid.js 的源代码行,这个函数以某种方式用 return 语句破坏了所有内容。
function getFormatter(row, column) {
var rowMetadata = data.getItemMetadata && data.getItemMetadata(row);
// look up by id, then index
var columnOverrides = rowMetadata &&
rowMetadata.columns &&
(rowMetadata.columns[column.id] || rowMetadata.columns[getColumnIndex(column.id)]);
return (columnOverrides && columnOverrides.formatter) ||
(rowMetadata && rowMetadata.formatter) ||
column.formatter ||
(options.formatterFactory && options.formatterFactory.getFormatter(column)) ||
options.defaultFormatter;
}
任何帮助将不胜感激!
编辑:这是我从服务器获取代码的方式:
$.post( "queries.php?event=search&&phase=columns", $("#full_search").serialize(), function(data){
cols = JSON.parse(data);
alert(cols[1].id);
$.post( "queries.php?event=search&&phase=rows", $("#full_search").serialize(), function(data){
rows = JSON.parse(data);
alert(rows[1].link);
grid = new Slick.Grid("#results", rows, cols, options);
alert(grid.getData().length);
return false;
},"json");
return false;
},"json");
},"json");
Slick.Formatters.PercentComplete
不应该是一个字符串。 它是在slick.formatters.js中定义的函数(类构造函数)。
好吧,我解决了!我解析了数据,然后将格式化程序字符串设置为一个对象:cols = JSON.parse(data);cols[3].formatter = Slick.Formatters.PercentComplete;这就行了!感谢您的帮助!
我会建议这样的事情。
Slick.Formatters.PercentComplete 是一个函数,json 中没有函数,如 http://json.org 所示。此外,在具有函数的 JSON 中验证失败。您可以在此处尝试验证:http://jsonlint.com/。
不能在 JSON 中使用函数。然后,在收到"几乎 JSON"数据后,您需要像以前一样使用 javascript 在客户端上解析它。
感谢您的样品!我遇到了同样的问题,这很有帮助。
就我而言,我使用 jQuery Ajax 获取元数据:
req = $.ajax({type: 'GET',
url: url,
dataType: 'json',
async: false}).done(function(meta) { metadata = meta; });
返回的元数据如下所示:
{"errors":{},
"columns":[{"formatter":"TaskNameFormatter",
"field":"1",
"id":"1","width":220,"name":"Hierarchy1","cssClass":"cell-title"},
OTHERS_COLUMNS]}
意识到格式化程序仍然是一个字符串。然后,我使用以下代码浏览所有列,将格式化程序从字符串更改为函数:
$.each(metadata.columns, function(index, value) {
if(typeof value.formatter != "undefined") {
value.formatter = eval(value.formatter);
}
});
对于数据通过 JSON 的用户,对象调用仍必须用引号括起来; 但是,我能够在slick.grid.js
文件中找到它正在保释的部分:
if (d) {
if(m.formatter){m.formatter=eval(m.formatter)} // make it an object call instead of string
stringArray.push(getFormatter(row, m)(row, cell, value, m, d));
}