HTML文本框值改變觸發後臺代碼

asp.net用日期插件,當選中一個日期時觸發一個事件,以查詢當前日期的數據。這

是要跟數據庫交互的。先貼出控件代碼:
<asp:TextBox ID="txtDate" CssClass="Wdate" Style="width: 91px;" runat="server"

onfocus="WdatePicker({maxDate:'%y-%M-%d',isShowClear:false,readOnly:true})"
                        onpropertychange="showValue(this.value)" ></asp:TextBox>


                    <asp:HiddenField ID="hiddenDate" runat="server"

OnValueChanged="hiddenDate_ValueChanged"
                        EnableViewState="false" />
 <div style="display: none;">
                        <asp:ImageButton ID="btnHid" runat="server"

ImageUrl="~/Resource/images/Btn_Find.gif"
                            CausesValidation="false" align="absmiddle"

OnClick="btnHid_Click" />
                    </div>
如果要實現這個目的,肯定要用到後臺代碼,也需要用到javascript代碼。javascript代碼

如下:
<script type="text/javascript">
        //記錄用戶上一次輸入的日期。
        var today = new Date();
        var todayMonth;
        var todayDate;

        //格式化當前“月”,“日”格式。
        if ((today.getMonth() + 1) < 10) {
            todayMonth = "0" + (today.getMonth() + 1);
        }
        if (today.getDate() < 10) {
            todayDate = "0" + today.getDate();
        }

        //獲得當前的日期。
        var oldValue = today.getFullYear() + "-" + todayMonth + "-" + todayDate;

        function showValue(obj) {
            //當查詢日期不爲空時,就觸發查詢按鈕。
            if (obj != "" && obj != oldValue) {
                oldValue = obj;
                $('#txtName').get(0).select();
                $("#hiddenDate").val(obj);
                $('#btnHid').trigger("click");
                return false;
            }
        }
    </script>
javascript代碼主要是判斷當前選中日期不爲空,並且是選擇的一個新日期。纔會觸發一個

隱藏控件的OnValueChanged,也可以觸發一個按鈕事件,都可以達到目的。日期控件的事件

就是 onpropertychange="showValue(this.value)"用javascript代碼。
下面就是後臺代碼了:

    //根據用戶選擇的時間查詢。
    protected void hiddenDate_ValueChanged(object sender, EventArgs e)
    {
       //後臺代碼
    }

    //根據用戶選擇的時間查詢。
    protected void btnHid_Click(object sender, ImageClickEventArgs e)
    {
        //後臺代碼
    }
這兩個都可以用。
這篇博文只要說明的是怎麼用前臺非服務器控件文本框(雖然本篇博文用的是服務器控件,但

是HTML控件也是一樣的效果。),文本的改變觸發後臺事件,以執行後臺代碼。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章