来自 Ajax 的选项
从 SearchPanes 1.2.0 开始,可以使用 ajax 将初始选项加载到 SearchPanes 中。这将意味着 SearchPanes 的加载时间将快很多,这是因为它不必处理表中的数据来创建选项。将选项加载到 SearchPanes 中后,所有处理都将在客户端进行,当然,您可以通过使用 服务器端处理 来更改此设置。
所需的 JSON 数据的结构与服务器端处理使用时完全相同。以下结构必须包含在 ajax 响应中。
参数名称 | 类型 | 说明 |
---|---|---|
searchPanes.options[field][i] |
数组 |
此数组包含给定字段的 SearchPane 中记录所需的所有数据。 |
searchPanes.options[field][i].label |
字符串 |
这是要向用户显示的 SearchPane 选项中的值。 |
searchPanes.options[field][i].value |
字符串 |
这是用于在 SearchPane 选项中过滤、排序和搜索的值。 |
searchPanes.options[field][i].total |
int |
这是此值给定字段中的条目总数。 |
searchPanes.options[field][i].count |
int |
这是与当前条件相符的给定字段中的条目数。 |
这是使用这些选项使返回信息的外观示例。
"searchPanes":{
"options":{
"users.first_name":[
{
"label":"Aaron",
"total":"1",
"value":"Aaron",
"count":"1"
},
{
"label":"Alex",
"total":"1",
"value":"Alex",
"count":0
},
{
"label":"Alexa",
"total":"1",
"value":"Alexa",
"count":0
},
...
]
}
},
...
值得注意的是,使用此选项时不支持 searchPanes.cascadePanes
和 searchPanes.viewTotal
。虽然仍然可以启用这些选项,但建议不要这样做,否则可能会导致意外行为。这是因为用户必须提供准确的数据用于窗格选项,这一点至关重要。
可以 在此处 找到完整的工作示例