2

私はAsp.netを使用GridViewしましたが、もちろんそれを自分のものにバインドしました。次のコードを使用して、DBからテーブルを選択し、すべてのデータをに読み込みましたGridview:

  protected void Button2_Click(object sender, EventArgs e) 
    { 
        DataTable dt = DataProvider.ExecuteDataTable("[dbo].[Get_LastInsertedRowHowzeEducation_SP]", CommandType.StoredProcedure); 
        GridView1.DataSource = dt; 
        GridView1.DataBind(); 
    }

BirthDate に関連する列の 1 つを設計したJquery DatePicker TextBoxので、Gridview列の1 つに含めてTextBoxデフォルトを削除しGridView TextBoxたいと思います。

4

4 に答える 4

2

GridView内部でテンプレート列を使用してから、JQuery 日付ピッカーを接続する必要があります。

結果は次のとおりです。

ここに画像の説明を入力

<asp:GridView runat="server" ID="gvpicker" AutoGenerateEditButton="true" OnRowEditing="gvpicker_RowEditing">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:Label Text='<%# Eval("job_desc") %>' runat="server" />
            </ItemTemplate>
            <EditItemTemplate>
                <asp:TextBox runat="server" Text='<%# Bind("job_desc") %>' ID="myDatePicker" CssClass="myDatePickerClass" />
            </EditItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

<script>
    $(function () {
        var $gv = $("table[id$=gvpicker]");
        var $rows = $("> tbody > tr:not(:has(th, table))", $gv);
        var $inputs = $(".myDatePickerClass", $rows);

        $rows.css("background-color", "yellow");

        $inputs.datepicker();
    });
</script>

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!this.IsPostBack)
        {
            this.BindGrid();
        }
    }

    protected void gvpicker_RowEditing(object sender, GridViewEditEventArgs e)
    {
        this.gvpicker.EditIndex = e.NewEditIndex;
        this.BindGrid();
    }

カスタム コントロールがある場合は、置き換えてください。

<asp:TextBox runat="server" Text='<%# Bind("job_desc") %>' ID="myDatePicker" CssClass="myDatePickerClass" />

カスタム コントロールの場合

データ バインド コントロール内のテンプレート セクションでは、好きなコントロールを配置できます。

于 2012-10-07T07:26:55.160 に答える
0

列を として手動で指定する必要がありますTemplateField。
たとえばhttp://www.vkinfotek.com/gridview/templatefields-in-gridview.html

于 2012-10-07T07:21:21.403 に答える