jQuery Library 改版

上禮拜主管交代要做一些事情之後，就消失了兩天，

只說了: "jQuery Library要改版，很簡單的！"

結果摸了之後才知道，根本就一堆東西都要改！！

先說一下原先的版本是 1.4.1 > 1.10.1 ，ui 的方面則是 1.8 > 1.10.3

光是看到版本上數字的差距就覺得...不是很妙。

不過人家都說很簡單了，我們就來試試看。

首先，先把 include 的地方改掉... Autocomplete 馬上死光...

好吧重新寫個 Autocomplete...後端資料來源不是 json 格式...

想說整個 Autocomplete 都重寫了，應該會過了吧...參數命名方式改變...

然後竟然 PostBack 會讓 Autocomplete 死光...要重新綁定...

原先的 $("#ID").attr("checked",True) 竟然被改成 attr > prop啊！

這就算了，連 $("#ID").Checked都從 True > Checked！

我只能說這改版真是要人命，幸好主管一向很慈(ㄐㄧㄢˋ)悲(ㄨㄤˋ)

原本禮拜一就要交出去的東西弄到禮拜三才給他，目前測試中。

只是想到之。後。還。要。再。繼。續。改

就覺得....不要這樣浪費時間好嗎～～～～～明明就一堆更重要的事情可以做！



由於此篇文章太沒營養，所以下面就教大家如何在目前最新版本上寫 Autocomplete

首先你可以先去參考 jQuery 官方網站的寫法，當然是可以 Work 的

因為我要改寫成從後端資料庫抓資料來，所以souce就改了一下

<script type="text/javascript">

function DeptAutoCompl() {

            $("#tbDept").autocomplete({
                //來源相關資料都包進去
                source: function (request, response) {
                    $.ajax({
                        //下面是我抓資料的副程式
                        url: "jGetAutoComSrc_Dept.ashx",
                        dataType: "json",
                        data: {
                            //以下是由客戶頁面端要傳送給url的參數名稱及資料
　　　　　　　   // request.term代表你目前keyin的資料
                            q: request.term,
                            StdCode: $.trim($("#ddlChannel").val()),
                            SearchCol1: "DeptCode",
                            SearchCol2: "DeptName"
                        },
                        success: function (data) {
                            response(data);
                        }
                    });
                },
                //大小寫要注意，當初打成minlength就完全不會動
                minLength: 0,
　　　　 //下面代表 Autocomplete 的選項被選定後要做的行為
　　　　 //基本上就是把資料都抓出來填到 textbox 中
                select: function (event, ui) {
                    $(this).val(ui.item.value1 + " " + ui.item.value2);
                    $("#tbSalTel").val(ui.item.value3);
                    $("#tbSalFax").val(ui.item.value4);
                    $("#tbSolinoId").val(ui.item.value6);
                    $("#tbSolinoName").val(ui.item.value7);
                    $("#tbSolinoTel").val(ui.item.value8);
                    $("#tbSolinoExt").val(ui.item.value9);
                    $("#tbSolinoMobile").val(ui.item.value10);
                    $("#txtDeptCode").val(ui.item.value1);
                    if ($("#tbSalEmail").val() == "") {
                        $("#tbSalEmail").val(ui.item.value5);
                    }
                    //注意：有時候沒有 return false會不 work
                    return false;
                }
            })

</script>

控制項名稱的部分...就看官先自行理解...有問題再提出。

後端副程式的部分...待下回分解...因為怕貼上來看我自己眼睛都花了...XD