簡體   English   中英

在以編輯形式在jqgrid中編輯一行時,無法顯示多於8行

[英]Unable to display more than 8 rows while editing a row in jqgrid in edit form

我關注了JQGrid文章和此處提供的幫助,並且能夠在JQGrid中顯示表格。 我可以使用編輯表單模式執行CRUD操作。 我試圖對另一張表重復相同的方法,但其字段比第一個表多。 在第二種情況下,只有8行以編輯形式顯示。 jqgrid colmodel使用rowpos和colpos排到第10行。

我查看了JQGrid-以編輯形式顯示其他列,但是當我檢查示例時,它按示例顯示8行。 使用dataheight,我可以增加表單的高度,但其他行仍未顯示。

有人可以幫忙嗎? 提前致謝。

Colmodel如下-

colModel: [
        { name: 'Id', index: 'Id', formatter: 'int', hidden: true /*, width: 100, align: 'right', frozen: true, editoptions: { defaultValue: 0 }*/
        }
        , { name: 'Name', index: 'Name', width: 300, template: stringEdColTemplate
                , editoptions: { maxlength: 50, size: 40 }
                , formoptions: { elmsuffix: ' *', rowpos: 1, colpos: 1 }, editrules: { required: true/*, custom:true, custom_func:formcheck*/ }
        }
        , { name: 'Code', index: 'Code', formatter: 'string', align: 'left', editable: true
            , editoptions: { maxlength: 20, size: 40 }
            , formoptions: { elmsuffix: ' *', rowpos: 2, colpos: 1 }, editrules: { required: true, custom: true, custom_func: depotCodeLength }
        }
        , { name: 'Email', index: 'Email', width: 150, formatter: 'string', align: 'left', editable: true
        , editoptions: { size: 40, email:true}, formoptions: { elmsuffix: ' *', rowpos: 3, colpos: 1 }, edittype: 'text'
            , editrules: { required:true }
        }
        , { name: 'Location', index: 'Location', formatter: 'string', align: 'left', editable: true
            , editoptions: { maxlength: 9, size: 40 }
            , formoptions: { elmsuffix: ' *', rowpos: 5, colpos: 1 }, editrules: { required: true }
        }
        , { name: 'IsActive', index: 'IsActive', width: 75, formatter: 'checkbox', align: 'center', edittype: 'checkbox'
        , formoptions: { rowpos: 8, colpos: 1 }, editable: true, editoptions: { value: 'Yes:No', defaultValue: 'Yes' }
        }
        , { name: 'Password', index: 'Password', width: 150, formatter: 'string', align: 'left', editable: true, hidden: true
        , editoptions: { size: 40 }
            , formoptions: { elmsuffix: ' *', rowpos: 4, colpos: 1 }, edittype: 'text'
            , editrules: { required: true, edithidden:true }
        }
        , { name: 'Address1', index: 'Address1', width: 150, formatter: 'string', align: 'left', edittype: 'text'
                , editoptions: { maxlength: 25, size: 40 }, hidden:true
                , formoptions: { rowpos: 6, colpos: 1 }, editable: true, editrules: { edithidden:true }
        }
        , { name: 'Address2', index: 'Address2', width: 150, formatter: 'string', align: 'left', edittype: 'text'
                , editoptions: { maxlength: 25, size: 40 }, hidden:true
                , formoptions: { rowpos: 7, colpos: 1 }, editable: true, editrules: { edithidden:true }
        }
        , { name: 'State', index: 'State', width: 150, formatter: 'string', align: 'left', edittype: 'text'
                , editoptions: { maxlength: 25, size: 40 }, hidden:true
                , formoptions: { rowpos: 1, colpos: 2 }, editable: true, editrules: { edithidden:true }
        }
        , { name: 'Country', index: 'Country', width: 200, formatter: 'string', align: 'left', formoptions: { elmsuffix: ' *', rowpos: 2, colpos: 2 }
            , hidden:true, editable: true
                , edittype: 'select', editrules: { required: true }
                , editoptions: countryOptions
        }
        , { name: 'CountryCode', index: 'CountryCode', width: 50, formatter: 'string', align: 'left', hidden: true }
        , { name: 'Zip', index: 'Zip', width: 50, formatter: 'string', align: 'left', edittype: 'text'
            , editoptions: { maxlength: 25, size: 40 }, formoptions: { rowpos: 3, colpos: 2 }, editable: true
            , editrules: { edithidden: true }, hidden: true
        }
        , { name: 'HomePhone', index: 'HomePhone', width: 50, formatter: 'string', align: 'left', edittype: 'text'
            , editoptions: { maxlength: 25, size: 40 }, formoptions: { rowpos: 4, colpos: 2 }, editable: true
            , editrules: { edithidden: true }, hidden: true
        }
        , { name: 'WorkPhone', index: 'WorkPhone', width: 50, formatter: 'string', align: 'left', edittype: 'text'
            , editoptions: { maxlength: 25, size: 40 }, formoptions: { rowpos: 5, colpos: 2 }, editable: true
            , editrules: { edithidden: true }, hidden: true
        }
        , { name: 'Mobile', index: 'Mobile', width: 50, formatter: 'string', align: 'left', edittype: 'text'
            , editoptions: { maxlength: 25, size: 40 }, formoptions: { rowpos: 6, colpos: 2 }, editable: true
            , editrules: { edithidden: true }, hidden: true
        }
        , { name: 'Path', index: 'Path', align: 'right', formatter: 'string', editable: true, hidden: true }
        , { name: 'Day1', index: 'Day1', width: 75, , formatter: 'checkbox', align: 'center', edittype: 'checkbox', hidden:true
        , formoptions: { rowpos: 8, colpos: 2 }, editable: true, editoptions: { edithidden:true, value: 'Yes:No', defaultValue: 'Yes' }
        }
         , { name: 'Day2', index: 'Day2', width: 75, , formatter: 'checkbox', align: 'center', edittype: 'checkbox', hidden: true
        , formoptions: { rowpos: 9, colpos: 1 }, editable: true, editoptions: { edithidden:true, value: 'Yes:No', defaultValue: 'Yes' }
        }
          , { name: 'Day3', index: 'Day3', width: 75, , formatter: 'checkbox', align: 'center', edittype: 'checkbox', hidden: true
        , formoptions: { rowpos: 9, colpos: 2 }, editable: true, editoptions: { edithidden:true, value: 'Yes:No', defaultValue: 'Yes' }
        }
        , { name: 'Day4', index: 'Day4', width: 75, , formatter: 'checkbox', align: 'center', edittype: 'checkbox', hidden: true
        , formoptions: { rowpos: 10, colpos: 1 }, editable: true, editoptions: { edithidden:true, value: 'Yes:No', defaultValue: 'Yes' }
        }
         , { name: 'Day5', index: 'Day5', width: 75, , formatter: 'checkbox', align: 'center', edittype: 'checkbox', hidden: true
        , formoptions: { rowpos: 10, colpos: 2 }, editable: true, editoptions: { edithidden:true, value: 'Yes:No', defaultValue: 'Yes' }
        }
         , { name: 'Day6', index: 'Day6', width: 75, , formatter: 'checkbox', align: 'center', edittype: 'checkbox', hidden: true
        , formoptions: { rowpos: 11, colpos: 1 }, editable: true, editoptions: { edithidden:true, value: 'Yes:No', defaultValue: 'Yes' }
        }
         , { name: 'Day7', index: 'Day7', width: 75, , formatter: 'checkbox', align: 'center', edittype: 'checkbox', hidden: true
        , formoptions: { rowpos: 11, colpos: 2 }, editable: true, editoptions: { edithidden:true, value: 'Yes:No', defaultValue: 'Yes' }
        }
      ]

jQgrid中找到答案在表單視圖中顯示隱藏的列

我建議您先測試而不使用rowpos和colpos。 如果顯示的列數正確,則可能需要再次查看代碼以查找一些錯誤。

親切的問候

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM