jqgrid edittype自定义文件

jqgrid edittype自定义文件,jqgrid,Jqgrid,在编辑/添加表单jqGrid中,一个字段必须上载文件。我第一次使用edittype=file。但是我需要更改这个元素的视图,这就是为什么我通过这个函数使用edittype=custom function myelem (value, options) { var el=$("<div class='type_file'>"+ "&

在编辑/添加表单jqGrid中,一个字段必须上载文件。我第一次使用edittype=file。但是我需要更改这个元素的视图,这就是为什么我通过这个函数使用edittype=custom

function myelem (value, options) {
                                      var el=$("<div class='type_file'>"+
                                        "<input type='file' class='inputFile' id='"+options.name+"' name='"+options.name+"'/>" +
                                        "<div class='fonTypeFile'><input type='text' class='inputFileVal' readonly='readonly' id='fileName'"+
                                        " /></div>"+
                                        "</div>");
                                        var g='',val_file;
                                       $('.inputFile').change(function () { 
                                            g=$('.inputFile').val();        alert(g);                                   
                                            $('.inputFileVal').val(g);                                              
                                        }); 

                                    return el;
                                    }
                                    function myvalue(elem, operation, value) {
                                         $('input',elem).val('');
                                    }

用户选择的文件必须显示在文本字段中。但这不是工作。如何更改此设置?

我在表单中添加元素,然后使用自定义元素的偏移量创建用于imageupload的偏移量

css:

脚本:

function myelem (value, options) {
                                        var st="<input type='file'/><div class='fonTypeFile'><input type='text' class='inputFileVal' readonly='readonly' id='fileName'/></div>";                                            
                                        var el=$(st);
                                            $(el).change(function () {                                                      
                                                    var val_f=$(el).val();
                                                    $('.inputFileVal').val(val_f);
                                            });
                                        return el;
                                }
                                    function myvalue(elem, operation, value) {
                                        return $(elem).find("input").val();
                                    }
function  for_file(){
                                        $(".fonTypeFile").removeClass("customelement");
                                        var form_offset=$('.FormGrid').offset();
                                        var offset=$('.fonTypeFile').offset();
                                        var left=offset.left-form_offset.left;
                                        var top=offset.top-form_offset.top;
                                        $('.customelement').css({'left':left, 'top':top});
                                    }
$('#words').jqGrid({...}).navGrid('#wordsPager',... {...afterShowForm: function (formid) for_file();    }...});
function myelem (value, options) {
                                        var st="<input type='file'/><div class='fonTypeFile'><input type='text' class='inputFileVal' readonly='readonly' id='fileName'/></div>";                                            
                                        var el=$(st);
                                            $(el).change(function () {                                                      
                                                    var val_f=$(el).val();
                                                    $('.inputFileVal').val(val_f);
                                            });
                                        return el;
                                }
                                    function myvalue(elem, operation, value) {
                                        return $(elem).find("input").val();
                                    }
function  for_file(){
                                        $(".fonTypeFile").removeClass("customelement");
                                        var form_offset=$('.FormGrid').offset();
                                        var offset=$('.fonTypeFile').offset();
                                        var left=offset.left-form_offset.left;
                                        var top=offset.top-form_offset.top;
                                        $('.customelement').css({'left':left, 'top':top});
                                    }
$('#words').jqGrid({...}).navGrid('#wordsPager',... {...afterShowForm: function (formid) for_file();    }...});