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

google好用工具：網頁翻譯+search

google翻譯


<div id="google_translate_element"></div><script> 
function googleTranslateElementInit() { 
  new google.translate.TranslateElement({ 
    pageLanguage: 'zh-TW' 
  }, 'google_translate_element'); 
} 
</script><script src =" http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script >

資料來源


google查詢

http://justcoding.iteye.com/blog/814561

http://www.google.com/cse/create/new

Binding TextBox Null Value

當你的資料庫欄位給予你的string→其實一開始就是null

這時後當你更新之後，你會發現總是跳出錯誤訊息，解決方法如下

note這個字串一開始初始化是null

  <asp:TextBox ID="txtinput" runat="server"  Text='<%# Bind("note") %>' ></asp:TextBox>

解法方法：只要判定為舊值為null時給予空白字串即可更新
        protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
        {
            if (e.OldValues["note"] == null) e.OldValues["note"] = "";
        }


參考連結：

Binding a nullable int to an TextBox

tab datapicker同時使用時…

當你的tab有datapicker，你會發現datapicker竟然失去了效用

明明就看得到，也呼叫的出來，但是怎麼點就沒應

這時後只要在重新在使用datapicker要用的時後，在呼叫一下連結
跟設定就可以了 :)

<script src="/Scripts/jquery-ui-datepicker-zh-Hant.js" type="text/javascript"></script>
$(function () { $(".datepicker").datepicker(); });