今天我開始關注backbone.js,以更好地組織我的應用程序中的代碼。Backbone.js - 實例化現有的模型/視圖html
我想知道(概念上 - 所以回覆僞代碼)我將如何使用我的現有的 html創建骨幹模型(和視圖)。
我發現的所有教程都是使用空白html模板,然後使用ajax注入內容。我不想這樣做。
如果我有一個藏書。
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>My Book Collection</title>
</head>
<body>
<head>
</head>
<body>
<ul id="bookCollection">
<li class="book" data-book-id="1"><input type="text" name="book_1_name" value="My Book A"/></li>
<li class="book" data-book-id="2"><input type="text" name="book_2_name" value="My Book B"/></li>
<li class="book" data-book-id="3"><input type="text" name="book_3_name" value="My Book C"/></li>
<li class="book" data-book-id="4"><input type="text" name="book_4_name" value="My Book D"/></li>
<li class="book" data-book-id="5"><input type="text" name="book_5_name" value="My Book E"/></li>
</ul>
</body>
</body>
</html>
在這個階段,我想開始管理每本書作爲一種模式,調用每當本書的名字被更改的功能(只是在概念驗證功能的警報),然後調用一個URL同步用我的數據庫更改模型。
任何人都可以點我在正確的方向的方式做上述使用現有的HTML頁面上?
如果它有所作爲,我打算爲我的模板使用小鬍子。
講述的是,如果你需要改變你的HTML因此,您的問題嗎?如果是這樣:不是。或者你想要JS? –
@lazerscience - 我只想知道是否可以從現有的html創建視圖(而不是拉數據,使用數據+模板創建html以及注入頁面) - 以及我會怎樣做?在上面的例子中,我需要創建一個循環(我正在使用jQuery)併爲每個書籍元素創建一個視圖? – calumbrodie