GridView EditTemplate下拉式選單編輯

通常直接在GridView 編輯狀態的時後都是使用TextBox來輸入更新資料
但若希望使用下拉式選單選擇資料可以採取以下的作法

做法如下
初始化DropDownList的資料
並設置選取的DateText及DataValue

  <asp:GridView ID="GridView1" runat="server" DataSourceID="EntityDataSource1"
 AllowSorting="True" AutoGenerateColumns="False" DataKeyNames="seqid" >
                    <Columns>

                 <asp:TemplateField HeaderText="尺寸" SortExpression="pmid">
                            <EditItemTemplate>
                                <asp:DropDownList ID="gvtype" runat="server" DataTextField="Text" DataValueField="Value" SelectedValue='<%# Bind("size") %>' OnInit="DropDownList1_Init" />
                            </EditItemTemplate>
                            <ItemTemplate><%# Eval("size")%></ItemTemplate>
                        </asp:TemplateField>

                     <asp:TemplateField HeaderText="設定" ShowHeader="False">
                            <EditItemTemplate>
                                <asp:LinkButton ID="lbtn1" runat="server" CausesValidation="True"  CommandName="Update" Text="更新" />
                                <asp:LinkButton ID="lbtn2" runat="server" CausesValidation="False" CommandName="Cancel" Text="取消" />
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:LinkButton ID="EditBtn" runat="server" CausesValidation="False" CommandName="Edit" Text=" 編輯" />
                            </ItemTemplate>
                            <ItemStyle Width="70px" />
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>


c#.cs:

       protected void DropDownList1_Init(object sender, EventArgs e)
        {
            DropDownList dl = sender as DropDownList;
            dl.DataSource = new List<ListItem>()
                {
                    new ListItem(){ Text ="S", Value="0"},
                    new ListItem(){ Text ="M", Value="1"},
                    new ListItem(){ Text ="L", Value="2"},
                };
        }

Rss Reader

http://cloud.feedly.com

線上小畫家

http://pixlr.com/editor/?loc=zh-tw

Enter鍵按下後自動執行事件

兩種寫法：

1.javascript dopostback

<div id="divPanel">

    <asp:TextBox ID="txbContent"  runat="server" Width="60%" />

    <asp:LinkButton ID="butAdd" runat="server" Text="新增" OnClick="butAdd_Click" />

</div>

    <script type="text/javascript">

        $(document).keypress(function (e) {

            if ($('#divPanel').is(":visible") && e.which == 13) {

                __doPostBack('<%=butAdd.UniqueID%>', "");

            }

        });

    </script>

UniqueID詳細說明：

http://msdn.microsoft.com/en-us/library/system.web.ui.control.uniqueid.aspx

2.panel

用panel將要的元件包起來

並設定好defaultbutton屬性為Enter鍵後執行的buttonID

ex:

                <asp:Panel ID="pAdd" runat="server" DefaultButton="butAdd">

                        <asp:TextBox ID="txbContent"  runat="server" Width="60%" />

                        <asp:LinkButton ID="butAdd" runat="server" Text="新增" OnClick="butAdd_Click" />

                    </div>

                </asp:Panel>

參考：

http://stackoverflow.com/questions/13158752/fire-event-on-enter-key-press-for-a-asp-net-textbox