【问题标题】:jqgrid select box option set selectedjqgrid 选择框选项集选中
【发布时间】:2011-04-27 13:50:51
【问题描述】:

我正在使用 jqgrid,我正在添加包含字段的行:文本框和选择框。

通过从下拉列表中选择年龄添加一行后,当我单击该行进行编辑时,年龄下拉列表必须默认标记选择的值。如何做到这一点?

这是显示列数据的代码:

colModel:[                          
{name:'user_id',index:'user_id',  width:150,align:"center",editable:false,editoptions:{readonly:true,size:10}},      
{name:'user_name',index:'user_name', width:250, align:"left",editable:true,editoptions:{size:30}},
{name: 'Age', width: 40, editable: true, formatter: 'select',
edittype: 'select', editoptions: { value: age_list },   
hidden: true, editrules: { edithidden: true }}
]

其中 'age_list' 是 javascript 数组形式的年龄值数组。

【问题讨论】:

  • jqGrid 在我所有的内联或表单编辑测试中默认自动标记所选值。您应该发布更多您使用的代码,因为问题肯定在发布的代码之外。例如,您使用哪个age_list?哪种格式包含“年龄”列?你如何填充网格?

标签: jquery jqgrid


【解决方案1】:

为您的列使用edittype: 'custom',然后您可以为控件创建自己的html:

<script>
jQuery("#grid_id").jqGrid({
...
   colModel: [ 
      ... 
      {name:'price', ..., editable:true, edittype:'custom', editoptions:{custom_element: functionThatReturnsHtmlElement, custom_value: functionThatReturnsTheValueYouNeed} },
      ...
   ]
...
});
</script>

更多详情请参阅 jqGrid 的文档 wiki:http://www.trirand.com/jqgridwiki/doku.php?id=wiki:common_rules#editable

【讨论】:

  • 我找不到像您上面所说的那样设置默认值的方法:。我试过: editoptions: { value: age_list, defaultValue:"2" } 但这不起作用。我看到下拉菜单中的第一个选项默认被选中。
  • 我会编辑得更清楚。你必须使用 custom 编辑类型,你还没有这样做。
  • custom_element 和 custom_value 表示什么?
  • 有关所有详细信息,请点击 jqGrid 文档的链接并查看 edtittype -> 自定义部分。他们的示例是用于创建“输入”元素,但您可以轻松自定义它以创建“选择”元素。我会直接回答你,但我只是复制他们的文档。
  • 顺便说一句,我已经查看了这个演示页面的源代码:ok-soft-gmbh.com/jqGrid/DependendSelects2.htm,我可以得到一个干净的解决方案来解决我的问题。正是我在编辑场景中想要的。仍然接受您的解决方案:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-04-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多