触发编辑表单时出现jQGrid错误

时间:2017-01-03 03:15:12

标签: javascript jquery jqgrid free-jqgrid

我在它的最新版本和jQuery Migrate 1.4.1(1.6.x到1.9.2)和jQuery UI 1.12.1中使用了免费的jQGrid。 更新jQuery / jQuery之后,UI编辑表单不再有效了!

CODE:

OtherProcedure 3, '', 0, 0     // You can also use any number besides 3

错误:

onInitializeForm: function(formid) {
    var form = $(formid).attr('id').split('-').pop();
    var id = $(formid).find('#id_g').val();
    var bt_gerar = $('<input />').attr('type', 'button').val('Gerar').click(function() {
        $(formid).find('input[name="senha"]').val(gerarPassword());
    });
    if (form === 'laudos') $(formid).find('input[name="senha"]').after(bt_gerar);
    if (form === 'usuarios') $(formid).find('input[name="senha"]').val('');
    $(formid).find('input[name="criacao"], input[name="exclusao"], input[name="data"]').datepicker({
        dateFormat: 'dd/mm/yy'
    });
    /* UPLOAD LAUDO */
    var base_url = window.location.protocol + "//" + window.location.host + "/_dev/";
    $('#arquivo').uploadify({
        'swf'  : base_url + 'admin/js/uploadify-new/uploadify.swf',
        'uploader'    : base_url + 'admin/js/uploadify-new/uploadify.php?laudo=true',
        'cancelImage' : base_url + 'admin/img/cancel.png',
        'buttonImage' : base_url + 'admin/img/upload_mini.png',
        'wmode'     : 'transparent',
        'width'     : '20',
        'height'    : '20',
        'auto'      : true,
        'multi'     : false,
        'fileExt'   : '*.pdf',
        'fileDesc'  : 'Arquivo PDF (.PDF)',
        'onComplete': function(event, ID, fileObj, response, data) {
            $('#arquivo').before($('<input />').attr({type:'text',id:'arquivo_temp',class:'FormElement',name:'arquivo',value:response,role:'textbox'}));
            $('#arquivo, #arquivoUploader, #arquivoQueue').remove();
            $('#arquivo_temp').attr('id','arquivo').hide();
            $('#arquivo').after($('<img />').attr({src:'/laudos/pdf.png',id:'arquivo_icone'}));
        }
    });

文件 jquery.jqgrid.src.js 19319 <

CODE ERROR LINE:

TypeError: $(...).closest(...).attr(...).replace is not a function

有光吗? 谢宇!

1 个答案:

答案 0 :(得分:0)

请指定您使用的jqGrid的确切版本。 free jqGrid 4.13.6的jquery.jqgrid.src.js行19319包含var insertPrefixAndSuffix = function (sOutput, opts) {(请参阅here)。声明&#34;我在其中使用免费的jQGrid的最新版本&#34;提供的信息不够多。

您发布的行$id = $(this).closest("table.ui-jqgrid-btable").attr("id").replace(/_frozen([^_]*)$/, "$1")在免费jqGrid版本4.13.5中的行号为19319。代码在$.fn.fmatter.rowactions内。因此,您可能在使用formatter: "actions"时遇到一些问题,但是您没有将colModel与相应的列包含在一起。方法$.fn.fmatter.rowactions将在onclick个动作按钮中调用,这些按钮必须位于jqGrid中,jqGrid必须具有ui-jqgrid-btable类。

我很难猜到,为什么你会收到错误。您要么对jqGrid类进行了一些非法修改(比如删除ui-jqgrid-btable类),要么将网格内容(包括动作按钮)移到jqGrid内容或其他一些奇怪的东西之外。无论如何,您应该包含使用colModel的{​​{1}}列的定义。

顺便说一下,免费的jqGrid支持template: "actions",您可以使用formatter: "actions"而不是formatter: "actions"template: "actions"是以下设置的快捷方式

formatter: "actions", align: "center", label: "", autoResizable: false, frozen: true,
fixed: true, hidedlg: true, resizable: false, sortable: false,
search: false, editable: false, viewable: false

width设置,该值取决于jqGrid的其他一些选项。对于formatter: "actions"的列,严格建议使用大多数属性(即使是旧版本的jqGrid)。

我建议您更新为免费jqGrid 4.13.6并将formatter: "actions"替换为template: "actions"(或者在操作列中添加editable: false和其他上述属性。我希望它能解决你的问题。