真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

Select等Form表單元素使用方法是什么-創(chuàng)新互聯(lián)

今天小編給大家分享一下Select等Form表單元素使用方法是什么的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來(lái)了解一下吧。

創(chuàng)新互聯(lián)致力于成都做網(wǎng)站、成都網(wǎng)站建設(shè),成都網(wǎng)站設(shè)計(jì),集團(tuán)網(wǎng)站建設(shè)等服務(wù)標(biāo)準(zhǔn)化,推過(guò)標(biāo)準(zhǔn)化降低中小企業(yè)的建站的成本,并持續(xù)提升建站的定制化服務(wù)水平進(jìn)行質(zhì)量交付,讓企業(yè)網(wǎng)站從市場(chǎng)競(jìng)爭(zhēng)中脫穎而出。 選擇創(chuàng)新互聯(lián),就選擇了安全、穩(wěn)定、美觀的網(wǎng)站建設(shè)服務(wù)!

關(guān)于Select等Form表單元素,在使用的時(shí)候部分特性會(huì)失效

如select自帶的Search功能:

其實(shí)在使用Form表單元素的時(shí)候,你如果需要layui自帶的一些功能(搜索,驗(yàn)證等),請(qǐng)用

標(biāo)簽括起來(lái),并且需要初始化form對(duì)象,這樣才能渲染生效。類似的還有選項(xiàng)卡的需要初始化element對(duì)象

//注意:選項(xiàng)卡 依賴 element 模塊,否則無(wú)法進(jìn)行功能性操作layui.config({    base: '/Resources/Script/'}).use(['element', 'common', 'form'], function () {    var element = layui.element;//tab選項(xiàng)卡類的功能才能實(shí)現(xiàn)    var form = layui.form;//部分表單元素功能才能實(shí)現(xiàn)});

關(guān)于取消按鈕自動(dòng)提交事件

layui在使用按鈕的時(shí)候,會(huì)自動(dòng)提交表單,無(wú)論你的button類型是不是submit。

解決辦法:

1、只要你放到了標(biāo)簽內(nèi),他都會(huì)自動(dòng)提交,一般使用的時(shí)候,請(qǐng)放Form外。

2、按鈕的點(diǎn)擊事件的返回值,一定要返回false,同樣可以組織表單提交。

注意這里有個(gè)小細(xì)節(jié),就是用Form表單括起來(lái)的表單元素,你可以用Jquery的Seriliaze方法去快速封裝表單結(jié)果集:(我封裝一個(gè)JSON對(duì)象)

var formData = $("#infoForm").serializeArray();           var data = {};           $.each(formData, function (index, item) {               data[item.name] = item.value;           });

又或者生成一個(gè)key=value&key1=value2的字符串(用Serialize())

但是這里如果在獲取layui的表單時(shí)的select選項(xiàng)時(shí),他會(huì)將你的原始select隱藏,重新渲染一個(gè)select,這時(shí)你無(wú)法通過(guò)上述方法拿到select的value,還是老老實(shí)實(shí)用$().value,默認(rèn)選項(xiàng)的option一定要賦值value='',否則value在渲染時(shí),默認(rèn)復(fù)制text()值。

laydate的默認(rèn)值初始化:

請(qǐng)開(kāi)啟isInitValue,個(gè)人覺(jué)得文檔寫(xiě)的不準(zhǔn)確,這樣配置好雞肋的感覺(jué)。反正必須明確指出isInitValue,才能初始化默認(rèn)值。

關(guān)于DataTable數(shù)據(jù)表格的異步加載參數(shù):

關(guān)于request的是layui請(qǐng)求時(shí),參數(shù)默認(rèn)有pageIndex和pageSize,你可以通過(guò)request參數(shù)去配置你自己的pageIndex和pageSize名。額外的request參數(shù)需要封裝到where中,最后layui會(huì)將他們組裝到一起發(fā)送到后臺(tái)。

關(guān)于response的參數(shù)配置,畫(huà)線的四項(xiàng)時(shí)必須指出的。其他的參數(shù)你可以后臺(tái)隨便傳輸,在done的時(shí)候都可以拿到。

關(guān)于省市區(qū)聯(lián)動(dòng)(控件級(jí)別的局部渲染)

這里因?yàn)閘ayui沒(méi)有雙向綁定的概念,所以這里所做的只能每次重新獲取數(shù)據(jù),然后進(jìn)行render渲染,刷新控件。所以一般采取的都是通過(guò):form監(jiān)聽(tīng)事件+form的局部渲染

這里如果你的select比較多的話,而且下拉框的數(shù)據(jù)量比較大的話,你可以用一個(gè)div(class需要包含layui-form和lay-filter屬性)把select括起來(lái),然后進(jìn)行form.select('select',包含select的div:filter屬性值),這樣你就不用刷新所有的form的select,而是渲染某一個(gè)select,但是事件監(jiān)聽(tīng)可以到控件級(jí)別(即lay-filter是標(biāo)注在控件上的)。

                            出發(fā)站:                                                                                        
                        
form.on("select(selLine)", function (data) {                       var template1 = "全部選項(xiàng)";                       for (var index in result.Data) {                           if (result.Data[index].LineId == data.value) {                               template1 += "" + result.Data[index].TimesName + "";                           }                       }                       $("#selTimes").html(template1);                       form.render('select','selLlocation');                   })

數(shù)據(jù)列表自增列的實(shí)現(xiàn)(兩種)

1.使用模板引擎的

模板:    {{d.LAY_TABLE_INDEX+1}}table的col參數(shù):cols: [[            { title: '序號(hào)', templet: '#indexTpl', width: "6%" }]]

2.使用col中的參數(shù)type:numbers(注意該參數(shù)是layui2.2.0新增)

cols: [[            { title: '序號(hào)', type:'numbers', width: "6%" }]]

我推薦第二種,第二種方式是帶分頁(yè)的排序,第二頁(yè)是從上一頁(yè)遞增的index,并且sort的時(shí)候 序號(hào)不會(huì)變,第一種在sort時(shí),序號(hào)會(huì)從10-1

最后對(duì)于后臺(tái)人員如何寫(xiě)前端的代碼,就是稍微能看的頁(yè)面的一點(diǎn)而建議(咱大部分都是表單)

我的建議是:

1、先弄懂柵格布局,基本一些容易上手的框架,都有布局。

2、通過(guò)chrome去修改元素style,然后把修改后的style自己cp下來(lái),然后封裝成一個(gè)css.

3、使用組件的時(shí)候,認(rèn)真看清結(jié)構(gòu),不要破壞原有結(jié)構(gòu),很容易失效。

4、不要完全照抄demo,因?yàn)閐emo之間還是影響挺大,就是元素之前嵌套,所以一定要看清楚規(guī)則。對(duì)于我們后臺(tái)人員來(lái)說(shuō),會(huì)這幾點(diǎn)就差不多夠了,已經(jīng)能可以應(yīng)付大部分應(yīng)用。

以上就是“Select等Form表單元素使用方法是什么”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。


文章標(biāo)題:Select等Form表單元素使用方法是什么-創(chuàng)新互聯(lián)
鏈接分享:http://weahome.cn/article/gdidh.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部