Question

我很难在编辑表单中设置选择框的值。例如，我将colModel设置为这样。

colModel:[
         {name:'communication_id', key: true, index:'communication_id', width:30},            
         {name:'communication_type_id', index:'communication_type_id', width:30},
         {name:'communication_type_select',index:'communication_type_select',hidden:true,width:150, editable:true,edittype:'select',formatter:'select',editrules: {edithidden:true},
                                    formoptions:{label:'Communication Type'},
                                    editoptions:{dataUrl:"working_data_url",
                                        buildSelect: function(json){                                                
                                            var response = $.parseJSON(json);

                                            var s = '<select>';

                                            $.each(response.results,function(i,com){
                                                s += ('<option value="' + com.communication_type_id + '">'+ com.communication_type_desc + '</option>');
                                            });


                                            return s + "</select>";


                                        },dataInit: function(elem){
                                            alert(temp);
                                            //alert($('#com_table_communication_type_id').val());
                                            //$(elem).val($('#com_table_communication_type_id').val());
                                        }}},
         {name:'communication_send_dt', index:'communication_send_dt', width:150, sortable:true, sorttype: 'date',
                                    firstsortorder: 'desc', datefmt:'m/d/Y', editable:true},                                         

                            editoptions: {recreateForm:true},
                            rowNum:10,
                            width:'100%',
                            rowList:[10,20,30],
                            pager: '#com_pager',
                            sortname: 'communication_send_dt',
                            viewrecords: true,
                            sortorder: "desc",
                            loadonce:true,
                            caption: "Communication",
                            jsonReader: {
                                    repeatitems : false,
                                    root: "results"
                            },
                            height: '100%',
                            onSelectRow: function(communication_id){

                                var comtype = $(this).getRowData(communication_id);
                                var temp = comtype['communication_type_id'];

                            }
                    });

                    grid.jqGrid('navGrid','#com_pager',{edit:true,add:false,del:false});

当我单击编辑按钮时，它会正确加载选择选项，但我在选择哪一个时遇到问题。我希望来自communication_type_id的值加载到communication_type_select中，我尝试了不同的东西来实现它。基本上，如果communication_type_id中的id为2，那么我希望编辑表单中的选择框也可以在加载编辑表单时设置为2。对此有何帮助？

更新1：我现在通过使用beforeShowForm来完成它，但现在我遇到了一个奇怪的事情。当我在beforeShowForm中有一个警报时，一切正常，但当它被注释掉时，它不起作用！谢谢你的帮助@Oleg！

grid.jqGrid('navGrid','#com_pager',{edit:true,add:false,del:false},
                            {closeOnEscape:true, recreateForm:true,beforeShowForm: function(formid){  
                                //alert("com type id = "+comidvar + " response id = "+comrespvar + " com form type id = "+comfrmtypevar);
                                $("#communication_type_select", formid).attr("value",comidvar);
                                $("#form_response_select", formid).attr("value",comrespvar);
                                $("#form_type_select", formid).attr("value", comfrmtypevar);
                            }},

Answer 1

如果我理解你是正确的，你应该使用jqGrid的ajaxSelectOptions选项和data属性。您可以在communication_type_id中定义一些其他选项，例如data，您可以使用$("#list").jqGrid('getGridParam', 'selrow')返回哪个值，然后使用getCell从communication_type_id获取值柱。有关详细信息，请参阅the answer。

jqGrid - 以编辑形式设置选择值

1 个答案: