0

剣道UIグリッドを使用しています。グリッドに列を動的に追加しました。以下のようにグリッドに最初の列を作成して、画像を表示しました。グリッド内の画像を見ることができます。配列に列名を追加し、それらをグリッドの列パラメーターに渡しました

colHeader.push({ テンプレート: "" });

colHeader は配列です。

行のデータに基づいて、画像をクリックして開く URL が異なります。したがって、私が見る唯一のオプションは、すべての行をループして特定の列を見つけ、セルを見つけてから、画像のクリックイベントにURLを添付することです。これが明確になることを願っています。これについて提案してください。

4

2 に答える 2

1

これは推奨される方法ではないかもしれませんが、(MVC ラッパーではなく) Web グリッドを使用し、カスタム コマンド列を使用してから、コマンド ボタンのスタイルを変更して画像を使用します。

このような：

 // rest of grid ommitted

        groupable: true,
        sortable: true,
        pageable: {
            input: true,
            refresh: true,
            messages: {
             display: '{2} Items'
            }
        },
        columns: [
        {
          title: ' ',
          field: 'RowId',            
          command: [{ name: 'hmm', text: ' ', click: viewRowInfo }],
        }
     ]);

次に、ハンドラーをクリックします。

function viewRowInfo(e) {
    e.preventDefault();

    //get data item for row
    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
}

そしてスタイルシートで：

.k-grid-hmm { border:none !important; width:32px; height: 32px; background-color: transparent !important; background-image: url(icons/your-image.png) !important; }

グリッドでカスタム コマンドを使用すると、Kendo は「.k-grid-」 + コマンドに指定した名前のクラスを自動的に追加します...

お役に立てれば...

于 2013-05-15T12:58:47.073 に答える