資訊專欄INFORMATION COLUMN
摘要：中的在中時(shí)時(shí)刻刻都不能離開，表單提交來看看在里面如何提交表單吧首先是這里我們定義了一個(gè)表單，為，有一個(gè)的還有一個(gè)提交的按鈕。
Meteor中的form
在web中時(shí)時(shí)刻刻都不能離開form，表單提交,來看看在meteor里面如何提交表單吧！
首先是 HTML:
meteor-form
form
Welcome to Meteor!
{{> meteor_collection }}
{{#each languages}}
{{name}}
{{/each}}
這里我們定義了一個(gè)表單，class為new-lanuage，有一個(gè)text的 input還有一個(gè)提交的按鈕。下面的模板meteor_collection是用來顯示的。
給表單添加事件if (Meteor.isClient) {
Template.meteor_collection.helpers({
languages: Languages.find({}, {sort: {createdAt: -1}})
});
Template.body.events({
"submit .new-language": function (event) {
event.preventDefault()
var text = event.target.text.value
console.log(event)
Languages.insert({
name: text,
createdAt: new Date()
})
event.target.text.value = ""
}
});
}
使用Template.templateName.events(...)可以給模板添加事件 ，可以是submit,click ,hover...,function里面可以做相應(yīng)的處理，這里使用.new-language是css的選擇器，用來指定form.
event是事件提交的參數(shù)，包括事件提交的所有內(nèi)容。
可以使用consloe.log(event)在瀏覽器中看到event的屬性：
在插入的時(shí)候，多加了一個(gè)字段createdAt，我們可以按照時(shí)間的倒序?qū)?languages進(jìn)行排序：
languages: Languages.find({}, {sort: {createdAt: -1}})
使用meteor run 運(yùn)行項(xiàng)目之后 ，可以打開兩個(gè)瀏覽器，在其中一個(gè)瀏覽器中添加一個(gè)語言，就能在另一個(gè)瀏覽器中立刻看到。
項(xiàng)目地址：https://github.com/jjz/meteor/tree/master/meteor-form
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/18815.html
摘要：通過表單添加任務(wù)在這個(gè)步驟，我們將為用戶在列表上添加輸入框。在中，這是一種監(jiān)聽瀏覽器事件的方式，就像是在表單上有提交事件一樣。這對(duì)一個(gè)任務(wù)列表來說并不是非常好。在下一步，我們將給待辦事宜的列表添加一個(gè)非常重要的功能已完成功能和刪除功能 通過表單(form)添加任務(wù) 在這個(gè)步驟，我們將為用戶在列表上添加輸入框。 首先，在App.jsx文件中App組件上添加表單吧。 Tod...
摘要：在之前的表單提交中介紹的就是操作。之前沒有數(shù)據(jù)的字段在這個(gè)位置會(huì)顯示為操作這里給為的添加一個(gè)事件，更新這個(gè)的為當(dāng)前時(shí)間。操作通過主鍵對(duì)對(duì)象進(jìn)行刪除操作。 除了表單提交以外，還有我們?nèi)粘Ｓ玫降腃RUD操作，對(duì)object操作的四個(gè)方法: Read/Insert/Update/DeleteRead這個(gè)在一開始的例子中就有說到的:db.object.find(),通過Tempalte.tem...
摘要：首次發(fā)表在個(gè)人博客總結(jié)一下個(gè)人在開發(fā)及同事代碼的過程中遇到的因?yàn)橐恍╉?xiàng)目規(guī)范帶來的問題及認(rèn)為比較好的解決方法由于個(gè)人經(jīng)驗(yàn)和認(rèn)知水平有限下面僅代表我的個(gè)人觀念歡迎各位大佬多給我提建議以本人最近寫的一個(gè)項(xiàng)目技術(shù)棧為為例的使用因?yàn)橐粋€(gè)項(xiàng)目往 showImg(http://upload-images.jianshu.io/upload_images/3297464-ccdb78e5d7d158...
摘要：在表單提交時(shí)，瀏覽器會(huì)自動(dòng)進(jìn)行一系列的校驗(yàn)工作，沒有通過校驗(yàn)的表單是無法提交到服務(wù)器的。而方法提交表單，會(huì)在請(qǐng)求中發(fā)送表單字段鍵值對(duì)。表單提交事件表單提交到服務(wù)器時(shí)，會(huì)觸發(fā)事件。 上一篇主要溫習(xí)了一下form表單的屬性和表單元素，這一片主要講解用JavaScript如何操作form。 表單操作 取值 用JavaScript操作表單，免不了會(huì)有取值賦值操作，比如有以下表單： ...
閱讀 2056·2021-11-15 11:39
閱讀 3238·2021-10-09 09:41
閱讀 1501·2019-08-30 14:20
閱讀 3274·2019-08-30 13:53
閱讀 3335·2019-08-29 16:32
閱讀 3396·2019-08-29 11:20
閱讀 3032·2019-08-26 13:53
閱讀 785·2019-08-26 12:18
