質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.52%

  • jQueryプラグイン

    500questions

    jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

jq.schedule.jsでクリック行を取得する方法

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 819

tomato-salada

score 60

jq.schedule.jsでクリック行を取得する方法

jq.schedule.jsを使ってスケジュールアプリを作っています。
https://github.com/ateliee/jquery.schedule

スケジュールの空白部分をクリックした時の行番号(またそのタイトル)を取得したいのですが、どのようにすればよいのでしょう?
よろしくお願いいたします。

該当のソースコード

<script type="text/javascript">
jQuery(document).ready(function(){
    var $sc = jQuery("#schedule").timeSchedule({
        startTime: "07:00", // schedule start time(HH:ii)
        endTime: "21:00",   // schedule end time(HH:ii)
        widthTime:60 * 30,  // cell timestamp example 10 minutes
        timeLineY:60,       // height(px)
        verticalScrollbar:20,   // scrollbar (px)
        timeLineBorder:2,   // border(top and bottom)
        debug:"#debug",     // debug string output elements
        rows : {
            '1' : {
                title : 'テスト1',
                schedule:[
                    {
                        start:'09:00',
                        end:'12:00',
                        text:'Text Area',
                        data:{
                        }
                    },
                    {
                        start:'15:00',
                        end:'18:00',
                        text:'Text Area',
                        data:{
                        }
                    }
                ]
            },
            '2' : {
                title : 'テスト2',
                schedule:[
                    {
                        start:'16:00',
                        end:'17:00',
                        text:'Text Area',
                        data:{
                        }
                    }
                ]
            },
            '3' : {
                title : 'テストC',
                schedule:[
                    {
                        start:'10:00',
                        end:'20:00',
                        text:'Text Area',
                        data:{
                        }
                    }
                ]
            },
            '4' : {
                    title : 'テストD',
                    schedule:[
                        {
                            start:'10:00',
                            end:'16:00',
                            text:'Text Area',
                            data:{
                            }
                        }
                    ]
                }
            },
        change: function(node,data){
            alert("change event");
        },
        init_data: function(node,data){
        },
        click: function(node,data){
            alert("click event");
        },
        append: function(node,data){
        },
        time_click: function(time,data){
            //選択列を取得
            alert($(time).index());
            //ここに選択行を取得したい。
        },
    });
});
</script>

試したこと

time_click: function(time,data){
//選択列を取得
alert($(time).index());
},
index()で、列数は取得できています。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

check解決した方法

0

引数を追加すれば解決しました。

time_click: function(node,time,row,data){
alert(row);
},

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.52%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

  • 解決済

    jQueryで、ボタンをクリックすると、同じtrタグにあるtd要素のtextをアラート表示したい。

    jQueryで、ボタンをクリックすると、当該ボタンと同じtrタグにあるtd.nameタグの中のtextをアラート表示させるプログラムを書いていますが、うまくいきません。 <hea

  • 受付中

    最初に戻る

    jQueryの配列でlastまでクリックされたら、firastに戻るという命令はどうのよに書けばよいでしょうか。

  • 解決済

    jq.schedule.jsでスケジュールデータを変更する方法

    jq.schedule.jsを使ってスケジュールアプリを作っているのですが  表示されているデータを変更しようとしているのですが、 変更しようとするrowsに値をセットしても

  • 解決済

    JQuery使用でのalert反応せず涙

    JQuery初心者です。JQueryを使用してタイマーを作成しようと思ったのですが、うまいこといかずとりあえず簡単なコードを書いてalertが反応するか確認したんですが、それも実行

  • 解決済

    Jquery部分作動せず 信号制作

    信号制作で クリック、青三秒点灯、青三秒点滅、からの黄色二秒点灯、最後に赤五秒点灯させたいのですがJQueryで書いた部分、青点滅終了と黄色点灯開始が反応しません。なぜでしょうか?

  • 解決済

    jQuery ダブルクリックした行の値を取得

    お世話になります。 表題の通りですが、ダブルクリックした行の値を取得したいです。 下記でダブルクリックした行のインデックスは取得できたのですが、 その行の1列目の値、2列

  • 解決済

    1ページに複数のbxsliderを使いたい

    前提・実現したいこと 1ページに複数のbxsliderを利用して それぞれのliでPrevIcon NextIconを適用させたいです。 発生している問題・エラーメッセージ P

  • 解決済

    jquery のプラグインにオプションデータを渡す方法

    前提・実現したいこと https://github.com/ateliee/jquery.schedule このプラグインを利用してプログラムを作成したいと考えています。 サン

同じタグがついた質問を見る

  • jQueryプラグイン

    500questions

    jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。