一、女神也愛玩擼碼
成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比忠縣網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式忠縣網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋忠縣地區(qū)。費用合理售后完善，10余年實體公司更值得信賴。
“在么，親?！?/p>
“在！在！有,有事么”(我真睡醒了么！垂涎了好久的女神呀！高中同學(xué),高一向她表白,"我想找個170以上的"，高二等我長到170了“我想找個175的”，高三下血本買了雙內(nèi)增高“我喜歡178以上的，有安全感”）
三分鐘后....
"沒事也可找我的."擦，我TM怎么這么不爭氣，不是發(fā)過誓等她主動跟我講話的時候就送她一個字:滾!
"有個網(wǎng)頁不會做,你可不可以幫人家弄一下呀."
"弄,一定給你弄得妥妥的."
"壞死了,需求我離線發(fā)給你了,這個就靠你了啊."
"恩,靠我,靠我就對了"
QQ頭像又黑掉了...
需求還好嘛.就是寫一個采購單的錄入界面而已.
二十分鐘后收工，離線發(fā)送。
"親,你好快呀,我先看看有沒有問題哈,有問題還要麻煩你哦"
二、重濕AV之旅（此AV非彼AV詳情請見上一篇博客《大濕教我寫程序(2)之走向AV之路》）
"親,還有兩個小問題耶,采購單錄入界面的表頭上的供應(yīng)商要可以自動補(bǔ)全,自動補(bǔ)全用戶體驗會好很多，客戶會感覺很人性化。那個東東我把要求用標(biāo)出來的你看看哈,可能有點難哦。"
"這東西對我來說就不叫個事兒,包在我身上."
這東西以前好像用過,自動補(bǔ)全的,ajaxcontroltoolkit,里面有CascadingDropDown控件.
引用一下ajaxcontroltoolkit,拉一個CascadingDropDown出來,關(guān)聯(lián)一下文本框.然后寫一個webservice,里面提供一個方法給它調(diào)用。OK，解決了。
看一下好像不對，女神要求的下拉框里有兩列，一列是編碼，一列是名稱。這個只能顯示一列。達(dá)不到要求呀，查了一遍屬性沒辦法。
“大雄”
“大濕”
“死了啊”
“網(wǎng)速有點慢，我把快播的端口號限一下啊。”
“搞什么呀，又有什么問題了，我這剛準(zhǔn)備陶冶一下情操你就。。。”
“恩，需求你看下，這個下拉框怎么搞?！?/p>
“教學(xué)視頻看了這么多AV技術(shù)還是沒學(xué)到家呀,典型的AV技術(shù)應(yīng)用嘛。”
"AV技術(shù)我知道呀,用ajax去visit后臺數(shù)據(jù)我知道怎么去抓。關(guān)鍵是怎么在前臺展現(xiàn)呢？"
“蒼老師用外語教的每一句話你都記得那么清楚，我上周剛教你的動態(tài)加載菜單(詳情請見《大濕教我寫.net通用權(quán)限框架(1)之菜單導(dǎo)航篇》)不就是講的怎么動態(tài)構(gòu)造html么？
前端說穿了其實很簡單，不管多絢麗的界面都還是由那些最基本的html元素拼起來的?！?/p>
“好啦，講半天還是得自己寫，滾吧滾吧”
經(jīng)他這么一說其實我心里也已經(jīng)有了大致思路。
1、從后臺把數(shù)據(jù)抓取出來
根據(jù)前臺傳過來的條件返回10條記錄供界面顯示
////// 自動補(bǔ)全(顯示10行) /// ///條件///參數(shù)化///public DataTable autocomplete(StringBuilder where, SqlParam[] param) { StringBuilder strSql= new StringBuilder(); strSql.Append("SELECT TOP 10 Supplier_ID,Code,ShortName,ValueAddRate FROM Base_Supplier WHERE 1=1"); strSql.Append("AND DeleteMark =0 AND IsVisible = 0"); strSql.Append(where); strSql.Append(" ORDER BY CreateDate"); return DataFactory.SqlDataBase().GetDataTableBySQL(strSql, param); }
2、動態(tài)拼接要顯示的內(nèi)容
確實像大濕所有的那樣,這個下拉自動填充框確實是由表格和字符組成。
在上一篇博文里已經(jīng)講了ajax如何調(diào)用后臺方法，這里就不再重復(fù)。
抓取到供應(yīng)商數(shù)據(jù)后進(jìn)行一次遍歷循環(huán)地拼接
..............
拼接好了以后就放入到div中根據(jù)Supplier_Name這個控件的位置加載出來。
然后選定了內(nèi)容的時候再將選中的內(nèi)容寫入Supplier_Name控件中
Supplier_Name失去焦點時隱藏掉div.
重慶分公司
重慶分公司
//供應(yīng)商自動補(bǔ)全function SupplierAutocomplete() { $("#Supplier_Name").bind("keyup", function (e) { if (e.which != 13 && e.which != 40 && e.which != 38) { var parm = "action=autocomplete&search=" + escape($(this).val()); Load_Supplier(parm); } }).focus(function () { var parm = "action=autocomplete&search=" + escape($(this).val()); Load_Supplier(parm); $(this).select(); }); function Load_Supplier(parm) { getAjax('../../WMSBase/SysSupplier/Supplier_List.aspx', parm, function (data) { var json = eval("(" + data + ")"); var html = ""; for (var i = 0; i < json.JSON.length; i++) { var list = json.JSON[i]; html+= ""; html+= '' + list.SUPPLIER_ID + ' '; html+= '' + list.CODE + ' '; html+= '' + list.SHORTNAME + ' '; html+= '' + list.VALUEADDRATE + ' '; html+= " "; } //點擊事件回調(diào)
autocomplete("Supplier_Name", "300px", "300px", html, function (r) { var array = new Array(); array= r.split('≌'); $("#Supplier_ID").val(array[0]); $("#Supplier_Name").val(array[2]); VALUEADDRATE= array[3]; }); }); } //上，下鍵盤回調(diào)
autocompletekeydown("Supplier_Name", function (r) { var array = new Array(); array= r.split('≌'); $("#Supplier_ID").val(array[0]); $("#Supplier_Name").val(array[2]); VALUEADDRATE= array[3]; });}//自動補(bǔ)全表格var IndetableRow_autocomplete = 0;var scrollTopheight = 0;function autocomplete(Objkey, width, height, data, callBack) { if ($('#' + Objkey).attr('readonly') == 'readonly') { returnfalse; } if ($('#' + Objkey).attr('disabled') == 'disabled') { returnfalse; } IndetableRow_autocomplete= 0; scrollTopheight= 0; var X = $("#" + Objkey).offset().top; var Y = $("#" + Objkey).offset().left; $("#div_gridshow").html(""); if ($("#div_gridshow").attr("id") == undefined) { $('body').append(''); }else { $("#div_gridshow").height(height); $("#div_gridshow").width(width); } var sbhtml = '| 沒有找到您要的相關(guān)數(shù)據(jù)！ |
寫完了我都不敢相信，我現(xiàn)在竟然能寫出這么一大段JS代碼了，這就是女神的力量呀。
那妹子太粗心,供應(yīng)商需要自動補(bǔ)全,采購員也需要自動補(bǔ)全的,那就一并寫了吧.
這里以JS代碼的形式實現(xiàn)功能有助于大家理解原理，其實這類公用的代碼完全可以封裝成控件，就不用看這一大砣惡心的東西了。
運行一下看。。。
沒道理呀還是沒有自動補(bǔ)全。
“大雄，顯示不出來呀！”
“我擦，函數(shù)都寫好了，你沒有去調(diào)用它，怎么會顯示。就像你泡妹子一樣，有了邪惡的念頭和方法，但是對具體的對象去使用?？隙ú粫惺裁词斋@。那是YY”
好吧，我再改
//初始化$(function () { divresize_From(50); SupplierAutocomplete(); SalesmanAutocomplete();})再次運行
搞定,編號和名稱都可以帶出來
再次發(fā)送過去.
“大雄，我越寫js就越發(fā)現(xiàn)js跟C#其實很像，我們這里的初始化不就相當(dāng)于C#里的Page_Load么，一進(jìn)入頁面先執(zhí)行這里面的東西。”
“是的，寫到后面你會發(fā)現(xiàn)幾乎所有的語言都是相通的。就像所有的女人都一樣，都可以暖背窩、生娃、搜你私房錢。”
三、屌絲沒有春天
"親,忘了跟你講,下面表格里的物料名稱也要下拉填充。"
“這人，話都不會一次講清楚，VS都關(guān)了，這不耍我么？”
“2B了吧，這明顯調(diào)戲你嘛，太不上道了?！?/p>
“也是啊，雖然窮點，但是我長得帥呀，雖然帥不能拿去ATM機(jī)當(dāng)卡刷，看著也舒服呀，專治各種內(nèi)分泌失調(diào)、各類婦科疑難雜癥。有眼光。”
“擦，你還當(dāng)真?！?/p>
“不跟你說了，我要用心為女神服務(wù)。”
原理都一樣，抓取不同的數(shù)據(jù)而已。5分鐘后搞定。
再順手幫她把導(dǎo)航頁也改一下風(fēng)格,服務(wù)就要做全套嘛，誰讓我是服務(wù)系的。
“親，全部弄好了，你看看都可以不?！?/p>
三分鐘后...
“簡直屌爆天了，要的就是這效果，我老婆洗澡去了，我替她謝過你了，兄弟！”
擦！誰TM說屌絲也有春天。。。硬盤中的女神才是屌絲的春天。
謹(jǐn)以此文獻(xiàn)給像我一樣的菜鳥。
附demo地址：
http://223.86.105.239:803
