2012-02-02 16 views
4

グリッドのページャの外観をカスタマイズできますか?私はドロップダウンからではなく、リストからページサイズを選択したい(Redmineのように、 'ページごと'ブロックを参照)。Telerik MVCグリッドのカスタムページャ

これは、スタンダールTelerikのページャです:

Standart Telerik's pager

それはRedmineの者のページャです:

Redmine pager

感謝。

PSは、例えばDevExpress社のグリッドは、このability

+0

ahhh ...私は、開発者が新しい機能を追加するのに少し早くなることを願っています。 DevExpressは現在、この時点で(特にグリッド関連の技術では)優れています。たぶん私は新しいプロジェクトでDevExpressに移りました。 –

+1

オンラインの例でカスタムページングを見たことがありますか?http://demos.telerik.com/aspnet-mvc/grid/custombinding – Tassadaque

+0

Tassadaque、はい - 私はそれを見て、それを使用しました:)残念ながらカスタムバインディングはカスタムページャ:( – vladimir77

答えて

1

を持っていますが、ページサイズを担当してDOM要素を置き換えることができます。グリッドが読み込まれたら、それを行う必要があります。

ビュー

@Html.Telerik().Grid(Model) 
    .Name("Grid") 
    .ClientEvents(events => events.OnLoad("Grid_onLoad")) 

はJavaScript

function Grid_onLoad(e) 
{ 
    var html = { place your favorite template engine here } 
    $('#YourGridId').find('.t-page-size').html(html); 
    // bind 'click' event to your new control 
} 

さて問題は、ページサイズの変更に独自のイベントをバインドし、Telerikのための新たなページサイズを指示する必要がありますということですグリッド。

コントローラにデータを提供するコントローラアクションに、追加のパラメータを指定できます。資料に追加のデータを追加する方法については、exampleがあります。サーバー側のコントローラのアクションで

<script type="text/javascript"> 
function Grid_onDataBinding(e) { 

    // pass additional values by setting the "data" field of the event argument 
    e.data = { 
     pageSize: // TODO: provide selected page size from your new control 
    }; 
} 
</script> 

は自動的にpageSize actionパラメータにマップする必要があります。

私はこれが助けてくれることを願っています。詳細が必要な場合はお知らせください。

関連する問題