2015-03-31 59 views
0

我看看这Is there anyway to include a MultiSelect Combobox in a jqGrid?Jqgrid分组和多选择下拉列表

我在我的网格中使用分组。我需要为每个组显示不同的多选下拉列表。在上面的例子中,我们在构建网格之前最初设置了这些值。在这种情况下,我怎么能根据每个组来做到这一点?

考虑到这个国家,状态的例子

Jqgrid - grouping row level data

设计将如何,如果我有一个多选下拉每一行的城市。德克萨斯州的城市下拉应该只有德克萨斯州的城市。加利福尼亚州的城市将会下降到加州。所以根据状态有两个不同的下拉列表。

更新:

我已经试过这2个东西 一)埃里克Hyndes下拉多选插件 - 用插件的问题是,当我使用的每一行,所有的复选框被追加到document.body的。相反,他们应该出现为每个下拉

B)Bootstrap multiselect - 这里的问题是,我有jqGrid行为35像素。只有增加行高时,才能看到复选框下拉列表。如果我不这样做,我根本没有看到复选框。

你能告诉我在这里做错了什么吗?

谢谢。

+0

对不起,但我不明白你的意思。哪个关系应该有多选下拉列表来分组?你需要过滤或准确选择? – Oleg 2015-03-31 23:56:25

+0

假设我在jqGrid中按国家分组,说有2个组(美国和加拿大),我有一个下拉列表来显示城市。所以对于美国来说,下拉应该有美国和加拿大的城市,下降应该有加拿大的城市。我可以使用ColumnFormatter而不是使用editoptions,但不知道什么是高效/清洁的方式来做到这一点? – Bala 2015-04-01 00:25:30

+0

对不起,我不能跟着你。下拉列表中包含什么内容?城市?国家? **哪里存在下拉列表?**您是否需要在搜索工具栏中按城市进行过滤?你应该清楚解释你需要什么,**哪个关系**有下拉列表来分组。 – Oleg 2015-04-01 00:30:01

回答

0

我想通了。我正在使用jqGrid的引导多选。 有一个CSS类“.ui-jqgrid tr.jqgrow.td”,它具有隐藏的溢出。 所以,当你使用bootstrap multiselect时,当你点击该行的下拉菜单时,你将不会在下拉菜单下看到任何东西,因为它们将被隐藏。为了看到下拉复选框,您需要将溢出属性修改为可见。 对.ui-jqgrid-bdiv应该做同样的事情。