0

私はフレキシグリッドを初めて使用し、データをバインドしたい

コード

        $(document).ready(function() {

        $(".fgrid").flexigrid({
            url: '../_AJAX/ajaxCall-InterestSubsidy.aspx',
            dataType: 'json',
            type: 'POST',
            data: { 'MODE': 'BindFlexiGrid' },
            colModel: [
                       { display: 'Id', name: 'DistrictId', width: 20, sortable: true, align: 'left' },
                       { display: 'Name', name: 'DistrictName', width: 20, sortable: true, align: 'left' }
                      ],
            sortname: "Name",
            sortorder: "asc",
            usepager: true,
            title: 'List of District',
            useRp: true,
            rp: 10,
            showTableToggleBtn: true,
            width: 805,
            height: 200

        });


    });

サーバー側コード

protected void Page_Load(object sender, EventArgs e)
{
    if (Request.Form["MODE"] != null)
    {
        if (Request.Form["MODE"] == "BindGrid")
        {
            SelectState();
        }
        else if (Request.Form["MODE"] == "BindFlexiGrid")
        {
            SelectState2();
        }
    }


}



public void SelectState2()
{
    try
    {
        DataTable dt;
        DataSet ds = new DataSet();
        pList = new List<SqlParameter>();
        dt = sa.GetDataTableWithSP("SPSelectDistrictWithSelect", pList);

        Response.Write(JsonConvert.SerializeObject(dt, Formatting.Indented));
    }
    catch (Exception e)
    {

    }
}

フレキシグリッドに「データ」属性を設定しました。有効かどうかはわかりませんが、「ajaxCall-InterestSubsidy.aspx」に何かを渡して、適切なメソッドを呼び出せるようにします。

1) 何か (Request.Form["MODE"] など) をサーバー側コードに渡す方法は?

2) そして、このフレキシ グリッドをバインドする適切な方法は何ですか?

3）上記のコードを使用すると、このグリッドを埋めることができません

4) フレキシグリッドの適切なドキュメントを教えてください。

4

1 に答える 1

0

post-json.phpのソース コードを確認してください。その例をかなり取り除くことは十分に可能です。

覚えておくべき基本事項:

  1. ajax php ページの上部にある変数は必須です。それらをクエリで使用すると、Flexigrid はデフォルトでそれらを ajax ページに投稿します。
  2. 次に、クエリを json 応答に処理し、そのページにエコーします。json の構造については、この回答をご覧ください。
  3. あなたの ajax ページは、呼び出しページの $(document).ready() 内で設定した Flexigrid パラメータで ajax URL に使用するリンクになります。
于 2013-08-13T20:49:56.817 に答える