2017-09-15 2 views
2

剣道スケジューラーの日付ヘッダーをコピーして貼り付けることに興味のあるユーザーがいます。スケジューラーのセットアップで剣道スケジューラーの日付ヘッダーをクリックしてドラッグすることで選択可能

、私はこのようなビューオプションの下で日ビューを構築:

{ 
         type: "day", 
         startTime: new Date(1901, 1, 1, 0, 0, 0), 
         endTime: new Date(1901, 1, 1, 23, 59, 59), 
         workDayStart: new Date(startWorkDayStr), 
         workDayEnd: new Date(endWorkDayStr), 
         dateHeaderTemplate: kendo.template('<strong>#=kendo.toString(date, "ddd, MMM dd")#</strong>'), 
         selected: selectDay 
        }, 

それから私は、写真のような日付ヘッダを取得します。ただし、クリックしてドラッグするとハイライト表示され、それをコピーして別の場所に貼り付けることはできません。また、日ビューの日付ヘッダを強調することができないのは非常に基本的な例を示します

Here is a dojo

私は誰もが日付のヘッダーを「選択可能」にして、ユーザーがクリックしてドラッグしてコピーできるようにする方法を知っているのだろうかと思っていました。

enter image description here

+0

ドゥーショーリンクになるのはイメージリンクです。 – DontVoteMeDown

+0

OH申し訳ありませんが、固定する必要があります –

+0

それは興味深い質問です。私は['user-select'](https://developer.mozilla.org/en-US/docs/Web/CSS/user-select)で' onselectstart'を削除しましたが、うまくいきませんでした。 – DontVoteMeDown

答えて

0

だから、私が得ている最も近いこのコードを利用することである。

この回答から適応された ​​

私が見つかりました:https://stackoverflow.com/a/34748190/7376331

は、これは全体の日付ヘッダのテキストを選択し、再度クリックすると選択解除されるか、別の日付見出しがクリックされます。これを剣道スケジューラーで使用する唯一の問題は、新しい日付範囲に移動したりビューを変更したり、新しいものを置き換えたりすると、最初にクリックイベントをバインドした日付ヘッダーが消えてしまうことです。

これを修正するには、現在選択されているビュー/日付範囲の新しいイベントを収集し、スケジューラービューを更新するためにscheduler.dataSource.read()を呼び出してから、上記のコードをdataBindingイベントに追加する必要がありました。 read()を呼び出した後は、どこの場所に移動したか、どのビューに変更したとしても、上記のコードで日付テキストを強調表示することができました。の多くがあれば

dateHeaderTemplate: kendo.template('<strong class="selectableText can-be-selected">#=kendo.toString(date, "ddd M/dd")#</strong>') 

私はわからない:

また、重要な注意点は、私はselectableTextを追加し、このように、私の意見では私のdateHeaderTemplatesの全てにクラスを-選択することができるということですこれはより望ましい解決策です。剣道スケジューラを使用することで、スケジューラのイベントフローに適切な場所を見つけて、その日のクリックイベントを再バインドする必要がありますヘッダー)。

関連する問題