jqgrid选择框选项集已选中

时间:2011-04-27 13:50:52

标签: jquery jqgrid

我正在使用jqgrid,我正在添加一个包含字段的行:textbox和selectbox。

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

这是显示列数据的代码:

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数组形式的年龄值数组。

1 个答案:

答案 0 :(得分:2)

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

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

jqGrid文档维基的更多细节:http://www.trirand.com/jqgridwiki/doku.php?id=wiki:common_rules#editable