0

JQ グリッドの 1 行目または 0 行目がこのように増加していることがわかるのはなぜですか? なぜこのような..以下の私のコードを見つけてください。

ここに画像の説明を入力

 function bindGrid(jsondata)
 {
jQuery("#list1").jqGrid(
{
    //datatype: "json",
    datatype: "jsonstring",
    datastr: jsondata,
    colNames: ['username', 'email'],
    colModel: [
    {
        name: 'username',
        index: 'username',
        width: 100,
        classes: 'pointer'
    },
    {
        name: 'email',
        index: 'email',
        width: 250,
        classes: 'pointer',
        editable:true,        
        "editrules":{"required":true,"email":true}
    }
    ],
    //rowNum:10000,    
    sortorder: "asc",
    caption: "Email Configuration",
    gridview: true,
    loadui: "block",

    rownumbers: true, //Displays Row number Column                       
    'cellEdit': true,
    'cellsubmit' : 'clientArray'
    ,editurl: 'clientArray'
    ,afterSaveCell: function(rowid, cellname, value, iRow, iCol)
    {debugger;
       var username =$('#list1').jqGrid ('getCell', rowid, 'username');
       var email =value;
       UpdateEmailInDataBase(username,email);
    },
    shrinkToFit:true,
    height: "100%",
    rowNum:10,
    rowList:[5,10,20],
    pager: '#pager',
    ignoreCase:true,
    viewrecords: true        
}).jqGrid('navGrid','#pager',{add:false,edit:false,del:false});
4

2 に答える 2

1

おそらくfloat: left、float: rightCSS スタイルの div 内にグリッドを配置しました。<table id="list1"></table><div id="pager"></div> これを確認するために、一時的なものを の最初の直接の子として移動することを試みることができます<body>。最初の行 (高さの値が大きすぎる) のスタイルを調べる (トレースする) ことをお勧めします。IE の開発者ツール (押しF12て開始し、[検索] メニューに移動)、Chrome、または Firefox を使用して、適用されている CSS スタイルを調べることができます。

于 2013-11-14T13:22:09.850 に答える
0

オレグありがとう、あなたの意見は私を助けてくれました。問題は高さ

<input type="button" value="Load" id="btn" />
<div>
    <table id="list1" height="700px">
    </table>
    <div id="pager">
    </div>
</div>

高さを削除しましたが、正常に機能しています

于 2013-11-14T13:54:31.853 に答える