1

これまでに見つけた Lungo のサンプル ファイルには、タグがなく、フォーム要素を配置して、このコード スニペットのようにタグ付けするだけです。

<div class="form">
  <fieldset class="radius-top" data-icon="user">
    <input type="text" placeholder="Your username" id="txt-signup-name" value="">
  </fieldset>
  <button class="anchor" data-icon="lock" data-icon="user" data-label="Login"></button>
</div>

ユーザーがログインボタンを押したとき、フォームのデータを送信するにはどうすればよいですか。イベントハンドラーとAJAXの使用について誰かが言ったグーグルを検索しましたが、実際に例が見つからないので、それを実行する方法の例をいくつか教えてください.

ありがとう。

4

1 に答える 1

1

Lungo には、Lungo.Service.* などの AJAX 関数がいくつかあります。これには、Get、Post が含まれます。

フォームのデータをどこに送信しますか? リモートサーバー上にある場合は、ボタンのクリックを検出してLungo.Service.get(...)、状況に適したパラメーターで実行できます。

ルンゴのドキュメントをチェックしてください

QuoJs Ajax の関数を使用することもできます。

アップデート

私はTapquo (Lungo の開発者) によるMonocleを使い始めましたが、マークアップはかなりきちんとしていると言わざるを得ません。私の意見では、Angular よりもはるかに邪魔になりません。実際、Monocle を使用すると、HTML にまったく手を加える必要がありません。すべては、MVC パターンの助けを借りて Javascript で行われます。

たとえば、特定の方法でフォーマットされたアイテムのリストを表示する場合は、次のようにします。

HTMl では、空のコンテナーを追加するだけです。

<ul id="items"></ul>

さらに、モノクルのモデルで、アイテム クラスを定義します。コンテナにデータを入力するには、ビューを作成します:

class __View.ListItems extends Monocle.View
 container: "ul#items"

 template: """        # mustache template
   <li>
     <strong>{{Name}}</strong>
     <small>{{description}}</small>
   </li>

コントローラーでは、データベース内のすべてのアイテムをビューに追加するだけです。

view = new __View.ListItems model:item
view.append item for item in __Model.Item.all()

そしてほら！コンテナにはすべてのアイテムが入っているので、HTML マークアップを変更する必要はありません。

--> Angular では、よく思い出せば、ng-controller ステートメントと ng-each などを追加する必要があります。

于 2013-07-22T03:09:34.450 に答える