1

Dojo で EnhancedGrid を作成するたびに、ソートが難しいことに気付きます。通常の DataGrid ではこの問題は発生しません。

並べ替えには、列ヘッダーの内側をクリックする必要がありますが、ヘッダーの端に近い狭い領域でのみクリックする必要があります。下の図では、この領域を緑色でハイライトしています。高さが 1 行しかない一部のヘッダーでは、この領域ははるかに小さく、クリックするのが難しくなります。

列ヘッダー

代わりに青い領域をクリックすると、セルの端をクリックしていなくても、マウスがサイズ変更アイコンに変わります。各セルの設定"noresize: true"はこの問題を防ぎますが、ユーザーが列のサイズを変更するのを止めたくありません。

ユーザーがヘッダーの任意の場所をクリックしてソートできるようにする方法を知っている人はいますか?

ありがとうございました！
トリスタン

4

1 に答える 1

0

ヘッダーの端に近い狭い領域だけでなく、ヘッダーのどこでもクリックして列を並べ替えることができます。

これをチェックしてください：http: //dojotoolkit.org/reference-guide/1.8/dojox/grid/EnhancedGrid.html#dojox-grid-enhancedgrid

アップデート1:

多分それはバグです - 私はここでレポートを見つけました: https://bugs.dojotoolkit.org/ticket/17086 だから私は試してみて、フィドラーの例のように extern Source からスクリプトをロードします。

パラメータ true 以外の番号「1」で dojoConfig をロードする理由を説明できますか? これは前に見たことがない。これはブーレンだけだと思いました。次のように構成をヘッダーに設定してみてください。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Demo: Layout with Dijit</title>
<script type="text/javascript">
    var dojoConfig = {
        parseOnLoad: true,
        isDebug: true,
        locale: 'en-us',
        extraLocale: ['ja-jp']
    };
</script>

dojo ファイルをロードします。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/dojo/1.8/dojo/dojo.js"></script>
</head>

また、data-dojo-type="dojox.grid.EnhancedGrid"を Div-Area に追加します

<div id="file-table" data-dojo-type="dojox.grid.EnhancedGrid" style="width: 100%; height: 700px;"></div>

よろしく

于 2013-07-17T07:43:31.880 に答える