2009-03-31 5 views
1

jQueryを使用してGridViewまたはTelerik RadGridにデータを取り込もうとしています。どのようにそれについて行くと、すべての例を見つけることができないか分からない。どんな助けもありがとうございます。ありがとう。jQueryを使用してGridViewをバインドする

私は基本的にテキストボックスとボタン付きのモーダルウィンドウを表示しようとしています。ユーザーが検索条件を入力するとボタンが押され、同じモーダルウィンドウ内のグリッドビューに結果が入力されます。

グリッド内のレコードを選択するユーザーが別のボタンを押して選択したユーザーがデータベーステーブルに挿入され、モーダルウィンドウが閉じられ、親ページのグリッドがリフレッシュされ、新しい追加ユーザーが表示されます。

<input type="button" id="btnAddNewUserj" value="Add New User" /> 

$(document).ready(function() { 
$("#btnAddNewUserj") 
    .click(function() { ShowNewUserDialog(); return false }); 

$("#btnSearch") 
    .click(function() { FindUsers(); return false }); 
}); 

function ShowNewUserDialog() { 
    $("#newuserDialog").dialog({ modal: true, bgiframe: true }).dialog("open"); 
} 

function FindUsers() { 
    // HOW TO DO THIS? 
    // Show selectable list of users from the database in grid. 
} 

<div id="newuserDialog" title="Add New User" style="display:none;"> 
<div> 
<input id="txtSearchFor" type="text" />&nbsp;&nbsp; 
<input id="btnSearch" type="button" value="Search" class="Button" /></div> 
<p> DISPLAY RESULTS HERE </p> 
<div style="margin:10px 6px;"> 
<input type="button" id="btnjAdd" value="Add" class="Button" />&nbsp;&nbsp; 
<input type="button" id="btnjCancel" value="Cancel" class="Button" /> 
</div> 
</div> 

答えて

0

使用telerikのradgridのクライアント側は、例えば、これを参照してください。http://demos.telerik.com/aspnet-ajax/grid/examples/clientbinding/defaultcs.aspx

注意は、そのサンプルは、WCF WebサービスとADO.NETデータサービスにバインドする方法を示しています。周囲には他のサンプルがあります。結合の

他のバリエーション:クライアント側でhttp://demos.telerik.com/aspnet-ajax/grid/examples/client/declarativedatabinding/defaultcs.aspx

その他の結合:http://demos.telerik.com/aspnet-ajax/grid/examples/client/databinding/defaultcs.aspx

+1

telerikは痛みであり、あなたがそのコントロールに潜入する前に非常によく理解していることを確認してください。 –

+1

@Abu私はtelerikが痛みであることに同意します。コンテキストに基づいて、特に、ポストバックベースのgridview +更新パネルと比較したときの回答は正しいです(リクエストに不必要なオーバーヘッドをたくさん追加する余分な要素が含まれているため)。より良い方法がありますが、すでにいくつかの格子がある場合はそれほど単純ではありません。 – eglasius

+0

私は彼がすでにtelerikコントロールを使用していたことに気付かなかったことを謝ります:) –

3

ここにいくつかの考えがあります。 jQueryを使用してGridViewまたはTelerik Gridにデータを取り込むことはできません。 jQueryはクライアント側の技術であり、2つのグリッドはサーバー側です。

jQueryを使用すると、Webサービスにヒットし、結果とHTMLテーブルをビルドすることができます(これは基本的にGridViewの機能です)。

ただし、ネイティブのGridViewデータバインディングを使用する方が良いと思われます。完全なポストバックを避けたい場合は、グリッドの周りに.Net UpdatePanelを使用することができます。結合

3

を私はtelerikが答えではないと思います。

関連する問題