3

KOgrid には 2 つの問題があります。

1) kogrid でスクロール バーを取得できませんでした。スクロール バーなしでデータ入力を行うのは非常に困難です。

2)ハードコーディングされた高さと幅を指定せずにkogridを動作させることもできませんでした.私のアプリケーションでは、高さと幅を固定することはできません. 他の誰かが同じ問題を抱えていましたか?

このスレッドからの回避策の提案を試みました (ビューモデルの最後の行として jQuery 修正を使用)。 KO グリッド表示の問題、サイズ変更時にグリッドに 1 行が表示されます。画像も含まれています

グリッドのサイズを大きくしただけで、データは表示されませんでした。ただし、ページのサイズを変更すると、データが表示されます。

以下は、HTML と kogrid のオプションです (ページング オプションの有無にかかわらず試してみました。理想的には、ページングを使用したくありません)。

 <div data-bind="koGrid: gridOptions" 
    style="height: 800px; background-color: none;width: 1850px;">
  </div>


  self.gridOptions = {
        data: self.mydatarray,
        footerVisible: true,
        displaySelectionCheckbox: true,
        afterSelectionChange: self.RowSelectionChange,
        rowHeight: 50,
        selectWithCheckboxOnly: true,
        enableSorting: false,
        multiSelect: true,
        selectedItems: self.SelectedRows,
        enableColumnResize: true,
        showFilter: false,
        canSelectRows: true,
        enablePaging: true,
        pagingOptions: {
            currentPage: ko.observable(1), 
            pageSize: ko.observable(3),
            pageSizes: ko.observableArray([3, 6, 9])

        },
        rowTemplate: errrowtmpl,
        columnDefs: [
            { field: 'Customer', displayName: 'Customer', cellTemplate: Customersddedittmpl, headerCellTemplate: headercelltmpl },
              ...
      ...

            { field: 'GenNotes', displayName: 'GenNotes', cellTemplate: simpleedittmpl, headerCellTemplate: headercelltmpl }
        ]

    }

さらに情報が必要な場合はお知らせください

ありがとう

ケナー・デヴ

4

1 に答える 1

2

私が直面している問題の解決策を見つけました。

1) Jquery を使用してスクロール バーを追加しました。データ読み込み関数の最後の行として、以下のコード行を追加しました。これが他の KOGrid 機能に影響を与えるかどうかはわかりません。私のアプリケーションでは、いくつかの基本的なテストを行いましたが、問題なく動作しているようです。

    $("div.kgViewport").css("overflow", "scroll");

2) この問題を 100% 解決する方法がまだわかりません。固定の幅と高さがスタイルに記載されていない限り、それでも機能しません。私のアプリでは、固定幅と高さではなく vw と vh を使用して、すべての画面サイズで動作させるという問題を解決しました。

  <div data-bind="koGrid: gridOptions" 
    style="height: 73vh;overflow:scroll;width: 96vw;"></div>
于 2014-06-09T18:11:49.030 に答える