Kendo UI Scheduler - リフレッシュ/ショーを更新/表示する方法 -- javascript フィールド と jquery フィールド と kendo-ui フィールド と kendo-asp.net-mvc フィールド と kendo-scheduler フィールド 関連 問題

Kendo UI Scheduler - How do I refresh / Show-hide/ filter the list of resources












2
vote

問題

日本語

私はタイムラインとして設定された剣道UIスケジューラ(左側のリソースの単一のリソースのリスト、そして上部に沿って水平方向にブロック)を設定しています。スケジューラを正しいリソースで初期化することができますが、リストを変更したいのですが(それらの一部を非表示にする)が、リセットリストを更新することができませんでした。

次の組み合わせをすべて試しましたが、リストを更新するのに成功していません。

<事前> <コード> var sched = $("#TimeLineView").data("kendoScheduler"); sched.resources[0].dataSource.read(); sched.resources[0].dataSource.sync(); sched.refresh(); sched.view(sched.view().name);

初期作成

<事前> <コード> $("#TimeLineView").kendoScheduler({ date: new Date(), timezone: null, views: [ { type: "timeline", majorTick: 60, minorTickCount: 1 } ], currentTimeMarker: { updateInterval: 120000 }, group: { resources: ["Users"], orientation: "vertical" }, resources: [ { field: "UserId", name: "Users", dataSource: [ { value: "Bob" }, { value: "Rob" } ], multiple: true, title: "Users" } ], height: 500 });
英語

I have a Kendo UI scheduler configured as a timeline (a single list of resources vertically on the left, and hours blocks horizontally along the top). I am able to initialize the scheduler with the correct resources but after render I want to modify the list (hide some of them), but have been unable to get the resource list to refresh it's self.

I've tried every combination of the following but none have been successful in refreshing the list.

var sched = $("#TimeLineView").data("kendoScheduler"); sched.resources[0].dataSource.read(); sched.resources[0].dataSource.sync(); sched.refresh(); sched.view(sched.view().name); 

Initial Creation

$("#TimeLineView").kendoScheduler({     date: new Date(),     timezone: null,     views: [         {             type: "timeline",             majorTick: 60,             minorTickCount: 1         }     ],     currentTimeMarker: {         updateInterval: 120000     },     group: {         resources: ["Users"],         orientation: "vertical"     },     resources: [         {             field: "UserId",             name: "Users",             dataSource: [                 { value: "Bob" },                 { value: "Rob" }             ],             multiple: true,             title: "Users"         }     ],     height: 500 }); 
</div
              

回答リスト

4
 
vote

これは デモ のフィルタリングのためのものです(表示/非表示)スケジューラリソースの。

は、リソースをフィルタリングするデモからのコードスニペットです。

html:

<事前> <コード> use GoogleCloudBigQueryBigQueryClient; $source = 'miData.csv'; $datasetId = 'miDataset'; $table_id='miTable'; $bigQuery = new BigQueryClient(); $dataset = $bigQuery->dataset($datasetId); $table = $dataset->table($table_id); $loadConfig = $table->load(fopen($source, 'r')); $loadConfig->sourceFormat('CSV'); // create the import job $schema = [ 'fields' => [ ['name' => 'miDate', 'type' => 'DATE','mode'=>'required'], ['name' => 'name', 'type' => 'STRING'], ['name' => 'post_abbr', 'type' => 'STRING'] ] ]; $loadConfig->schema($schema); $timePartitioning = ['type'=>'DAY','filed'=>'miDate']; $loadConfig->timePartitioning($timePartitioning); $loadConfig->createDisposition('CREATE_IF_NEEDED'); $loadConfig->writeDisposition('WRITE_TRUNCATE'); $job = $table->runJob($loadConfig); 1

js:

<事前> <コード> use GoogleCloudBigQueryBigQueryClient; $source = 'miData.csv'; $datasetId = 'miDataset'; $table_id='miTable'; $bigQuery = new BigQueryClient(); $dataset = $bigQuery->dataset($datasetId); $table = $dataset->table($table_id); $loadConfig = $table->load(fopen($source, 'r')); $loadConfig->sourceFormat('CSV'); // create the import job $schema = [ 'fields' => [ ['name' => 'miDate', 'type' => 'DATE','mode'=>'required'], ['name' => 'name', 'type' => 'STRING'], ['name' => 'post_abbr', 'type' => 'STRING'] ] ]; $loadConfig->schema($schema); $timePartitioning = ['type'=>'DAY','filed'=>'miDate']; $loadConfig->timePartitioning($timePartitioning); $loadConfig->createDisposition('CREATE_IF_NEEDED'); $loadConfig->writeDisposition('WRITE_TRUNCATE'); $job = $table->runJob($loadConfig); 2
 

Here is the DEMO for filtering (showing/hiding) of scheduler resources.

Below is the code snippet from the DEMO that filters the resources:

HTML:

<input type="button" value="Only show Alex and Rob" id="btn" /> <input type="button" value="Show Everyone" id="showAll" /> 

JS:

$('#showAll').click(function() {   var showOnly = [];//pass an empty array to show all the resources   filterSchedulerResources(showOnly); });  $("#btn").click(function() {   var showOnly = ['Alex', 'Rob'];   filterSchedulerResources(showOnly);  });  function filterSchedulerResources(showOnly) {   console.log('showOnly = ',showOnly);    var filter = {     logic: "or",     filters: $.map(showOnly, function(value) {       return {         operator: "eq",         field: "value",         value: value       };     })   };    var scheduler = $("#scheduler").data("kendoScheduler");     //filter the resource data source    scheduler.resources[0].dataSource.filter(filter);      scheduler.view(scheduler.view().name); //refresh the currunt view   } 
</div
 
 

関連する質問

0  kendo.scheduler.minのみをインポートすることによってKendo UIのスケジューラのみを使用する方法  ( How to use only the scheduler of kendo ui by importing only kendo scheduler min ) 
Kendo UI Schedulerを使用してカスタムスケジューラを作成しようとしていますが、パフォーマンスの問題(10秒以上のレンダリング時間)があります。これを解決するには、 kendo.scheduler.min ファイルを kendo.schedul...

1  剣道スケジューラリソースページング  ( Kendo scheduler resources paging ) 
グループヘッダーテンプレートを使用して、Group Header Templateを使用してページングを作成したい > http://dojo.telerik.com/imuja この例には2つのリソースを追加したい場合は2つのリソースのみがあります。ペ...

1  エイリアスを持つスケジューラリソース  ( Scheduler resources with aliases ) 
あなたは剣道リソースの例を見ることができます例 。それは非常に単純です - あなたはちょうどオプションを使って配列を手に入れました。 color 、 example1.com0 を知ってから、それらを 998877611 でバインドします。 もう1つの例を想像...

1  kendo schedulerにカスタム列を追加する日ビューのデフォルト列の1つのデフォルト列のカスタム列を追加する  ( Add custom columns in kendo scheduler insted of one default column for day view ) 
例:すべての医師がすべての医者にとって、私は患者を予約するために1つの列が必要です。私は日本ビューの剣道スケジューラでこの下の写真に似ています: ...

0  Kendo UI HTMLスケジューラデータをMVCメソッドにバインドする  ( Binding kendo ui html scheduler data to mvc method ) 
は、Kendo UI HTMLバージョンのスケジューラを使用し、データにJSONを使用するためのタスクを割り当てられています。 読み取り機能は機能しているようですが、CREATEメソッドをテストするとき、データはアクションメソッドパラメータとバインドされていな...

1  剣道スケジューラの負荷時間と応答性が大量のデータで減少する  ( Kendo scheduler load time and responsiveness decrease with high volume of data ) 
私たちのアプリケーションでは、200人以上の部屋のデータがあります。私たちは、データを大量のデータを持つことができる特定の日付範囲(10または15日の範囲)内の1つのAPI呼び出しですべての部屋のデータを取得します。すべてのデータをスケジューラにバインドすると...

0  複雑なオブジェクトをKendo Schedulerのフィールドにバインドできますか  ( How can i bind complex object to a field in kendo scheduler ) 
Kendo Schedulerにシェア機能を追加し、これを行うには、Shareフィールドを単純なSLINだけでなく複雑なオブジェクトにすることをお勧めします。 だから私がやりたいことは次のことです: <事前> <コード> schema: { ...

1  剣道スケジューラ年度ビュー  ( Kendo scheduler year view ) 
剣道スケジューラのための新しいビューを構築する必要があり、一年のタスクを表示します。調査した後、私は年鑑がなく、典型的な方法は他の種類のビュー(月、議題、タイムライン)を拡張することです。ただし、以下の種類のテーブルにタスクを表示することさえ可能性があるかどう...

0  MVC RazorでKendo Schedulerを使用してボタンをクリックしてください。  ( How do i group user calender on button click using kendo scheduler in mvc razor ) 
実装したいこの機能性エンジンを表示します。スケジューラのリソースに存在するユーザー名を使用してカレンダーをグループにしたいです。 誰かが本当に感謝されます。 ...

1  剣道UIスケジューラタイムゾーン号  ( Kendo ui scheduler timezone issue ) 
新しいイベントの作成時に、データは保存されてdBから適切に取得されています。ただし、Kendo UIスケジューラは正しくそれを表示しません。たとえば、「2016-10-30午後10時」のUIに表示されている「2016-10-31 09:00:00.000」のイ...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有