前回からJaxerのアプリケーション作成に着手し,タスク管理アプリのタスクの登録ができるようになりました。今回は,タスクの編集・削除と,Jaxerのウリの一つである「サーバサイドとクライアントサイドでの入力値チェックの共有」というところを実装します。タスクの編集・削除を実際にDBに対して実行する関数を以下のように定義しましょう。定義する場所は,getAllTask(),add()が定義してあるrunat属性がserver-proxyのscriptタグの中です。}}update(id,text)は,引数で渡したidのタスクの内容をtextに更新し,del(id)は,引数で渡したidのタスクを削除しています。ステータスを持たせ,そのステータスを更新する方が自然です⁠)⁠。これらの関数はserver-proxy属性のscriptに書かれていますので,クライアントサイドでも利用することができます。それでは,タスク名の前の「×」をクリックしたときに,del(id)が実行されるようにしましょう。rs.rowsAsArrays[i][1]+'</span></div>';に修正します。×を囲んでいるspanタグをクリックしたときにdel()を実行するため,init()の中に以下のコードを加えます。});削除のキーとなるidは,spanタグのid属性の値を"_"で分割して取得するという方法を取りました。del()はDB上のデータを削除するだけですので,画面上からタスクを削除するために,$(this).parent().fadeOut();というコードを書いています。Jaxerを起動し,プレビュータブで削除できるか試してみましょう。タスクが登録されている以下のような画面で,「タスクを追加」の前の「×」をクリックすると,文言がフェードアウトし,以下のように画面から消えます。DBから削除されているので,画面をリロードしても,表示されません。次に,タスクの文字の部分をクリックすると,テキストボックスになって編集可能になり,Enterキーで編集内容が保存されるというコードを書きます。rs.rowsAsArrays[i][1]+'</span></div>';に修正します。タスクの内容をクリックしたときの動作を,init()の中に以下のように定義します。return;の部分で,一度クリックして入力フォーム状態になっていたとき,これ以降のコードが実行されないようにしています。spanタグをクリックすると,spanタグで囲まれたテキストをテキストボックスの値にセットし,入力フォームを生成します。生成した入力フォームのsubmitイベントで,update(id,text)を実行し,入力フォームを消して元のspanタグの状態に戻すという処理です。それでは,再度プレビュータブで動作を確認しましょう。以下のような画面で,「⁠原稿を書く」をクリックします。すると,以下のようにテキストボックスが表示されます。内容を編集し,Enterキーを押下します。以下のように編集内容が反映されます。DBもしっかり更新されていることを確認するために,ページをリロードして確認しましょう。卒業後,TISで主にJavaの開発案件に携わる。2ndにて「サグール賞」「きざし賞」「特別賞」を受賞(asso-ball.net,wordarium.net)。iGoogleガジェットコンテストで「特別賞」を受賞(U.T.)。ブログは「でぃべろっぱーず・さいど」。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。業務を改善する情報共有の仕掛け~DevOpsの実現,RPAの導入に向けて~ソフトウェア開発の業務改善をテーマに,DevOps実現の手順やそれを助けるツールとの連携,RPAによる社内ドキュメントの管理や効率化について解説します。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。