JS リンクで列の値に応じて行の色を変える（クイック編集モード対応）

Published Date: December 8, 2017 - 12:05 am / JavaScript, SharePoint 2013, SharePoint 2016, SharePoint Online

• Click to share on Facebook (Opens in new window)
• Click to share on Twitter (Opens in new window)
• Click to share on LinkedIn (Opens in new window)
• Click to share on Pocket (Opens in new window)

この記事は、Office 365 Advent Calendar 2017 に参加しています。

Office 365 Advent Calendar 2017
https://adventar.org/calendars/2585

SharePoint Server 2013 以降や、SharePoint Online の “クラシック UI” のリストで利用できる JS リンクを使って、列に入力された値に応じて行の色を変える方法です。

JS リンクの OnPostRender を利用する方法でイルミネート・ジャパン・ブログさんに記事がありますが、こちらのサンプルではリストのクイック編集モードに対応していないようでしたので、クイック編集モードに対応するように少しだけ書き足してみました。

[SharePoint Online/SharePoint Server 2013] JS リンクでリストビューに条件付き書式設定 | イルミネート・ジャパン ブログ
https://crieilluminate.wordpress.com/2016/01/26/sharepoint-onlinesharepoint-server-2013-js-%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%A7%E3%83%AA%E3%82%B9%E3%83%88%E3%83%93%E3%83%A5%E3%83%BC%E3%81%AB%E6%9D%A1%E4%BB%B6%E4%BB%98%E3%81%8D%E6%9B%B8%E5%BC%8F/

とは言っても、ほんの数行書き足しただけです。

Read More

SharePoint JSOM からリスト アイテム操作時に「ユーザーまたはグループ」列に値を設定する

Published Date: April 28, 2016 - 3:35 pm / SharePoint 2010, SharePoint 2013, SharePoint 2016, SharePoint Online

• Click to share on Facebook (Opens in new window)
• Click to share on Twitter (Opens in new window)
• Click to share on LinkedIn (Opens in new window)
• Click to share on Pocket (Opens in new window)

私も時間を見つけてはちまちまと回答を投稿している TechNet フォーラムでもときどき質問がありますが、「SharePoint の JSOM を利用して「ユーザーまたはグループ」列に上手く値を設定できない」という悩みを持たれる方が多くいらっしゃるようです。自分自身も忘れないようにメモしておきます。

Microsoft TechNet フォーラム – SharePoint
https://social.technet.microsoft.com/Forums/ja-JP/home?category=sharepoint

Read More

SharePoint 2013 以降のドキュメント ライブラリでドラッグ & ドロップのアップロード機能を無効化する

Published Date: March 25, 2016 - 4:13 pm / SharePoint 2013, SharePoint 2016, SharePoint Online

• Click to share on Facebook (Opens in new window)
• Click to share on Twitter (Opens in new window)
• Click to share on LinkedIn (Opens in new window)
• Click to share on Pocket (Opens in new window)

SharePoint 2013 以降では、ドキュメント ライブラリへのファイルのアップロードが、デスクトップからのドラッグ & ドロップで行うことができるようになりました。これはすごく便利なのですが、ファイルのアップロード時にメタデータを入力させたい場合は、自動的に入力のためのダイアログが開かないため少々手間がかかります。であれば、いっそのことこの機能を無効にして、従来通りのアップロード画面からの利用に統一したいなと思うも、どこからも無効化するための設定を探し出せません。というわけで調べたところ、JavaScript を使って無効化できる方法を発見しました。SharePoint Online でもこの方法で OK でした。

Read More

ダウンロード最小化戦略の怪

Published Date: January 13, 2016 - 11:46 am / SharePoint 2013, SharePoint 2016, SharePoint Online

• Click to share on Facebook (Opens in new window)
• Click to share on Twitter (Opens in new window)
• Click to share on LinkedIn (Opens in new window)
• Click to share on Pocket (Opens in new window)

SharePoint 2013 以降（SharePoint Online を含む）のバージョンでは、「ダウンロード最小化戦略（MDS）」といった機能があります。これは、ページを読み込む際に差分のみを処理することでより早く、滑らかにページを読み込むことができる機能とされています。

凄く良さそうな機能なのですが、この機能の動作がイマイチよく分からず、動作も安定していないように思います。最近、この機能に関して試行錯誤したので、記録として残して起きます。

Read More

SharePoint のスクリプト オンデマンドに触れてみる

Published Date: November 30, 2015 - 8:31 pm / SharePoint 2010, SharePoint 2013

• Click to share on Facebook (Opens in new window)
• Click to share on Twitter (Opens in new window)
• Click to share on LinkedIn (Opens in new window)
• Click to share on Pocket (Opens in new window)

SharePoint 2010 以降（Online を含む）では、大量の JavaScript ファイルを読み込み、また、実行し動作しています。この大量の JavaScript ファイルは、毎回のページ ロードで全て読み込まれるわけではなく、ユーザー操作に応じて動的に（オンデマンドに）読み込むことができる仕組みが用意されています。これは「スクリプト オンデマンド（SOD）」と呼ばれており、この仕組みを利用するための JavaScript メソッドが SharePoint の JavaScript Library に実装されています。

自分でもよく動作を調べ直すことがあるので、メモ代わりに残しておきます。

Read More

リストやライブラリの「ブラウザーに表示しない」設定

Published Date: August 13, 2015 - 9:47 pm / SharePoint 2013, SharePoint Online

• Click to share on Facebook (Opens in new window)
• Click to share on Twitter (Opens in new window)
• Click to share on LinkedIn (Opens in new window)
• Click to share on Pocket (Opens in new window)

SharePoint サイトに含まれるリストやライブラリは「サイト コンテンツ」の画面で一覧することができるのですが、一般のユーザーには触らせたくない、または、システム上必要だけど業務に不要なリストやライブラリは見せたくないといった要望が挙がることがあります。
たとえば、「スタイル ライブラリ」などが分かりやすい例で、サイトのデザインなどに関わる作業中は必要ですが、それが終わると「サイト コンテンツ」に表示しておく必要はありません。

Read More

代替 CSS の設定を JavaScript で行う

Published Date: July 15, 2015 - 5:35 pm / SharePoint 2013, SharePoint Online

• Click to share on Facebook (Opens in new window)
• Click to share on Twitter (Opens in new window)
• Click to share on LinkedIn (Opens in new window)
• Click to share on Pocket (Opens in new window)

前回の投稿でも出てきましたが、SharePoint のデザインをカスタマイズする際には「代替 CSS」を設定することがあります。しかしながら、この「代替 CSS」の GUI での設定は「デザイン マネージャー」に含まれており、「発行機能」を有効化したサイトでしか行えません。ただし、発行機能を有効化していないサイトでも API を利用することで設定が可能なようでしたので、お手軽な JavaScript Object Model (JSOM) を利用して設定する方法を試してみました。

Read More

リストやライブラリのビュー セレクター メニューにビューを4つ以上表示する

Published Date: May 20, 2015 - 7:06 pm / SharePoint 2013, SharePoint Online

• Click to share on Facebook (Opens in new window)
• Click to share on Twitter (Opens in new window)
• Click to share on LinkedIn (Opens in new window)
• Click to share on Pocket (Opens in new window)

SharePoint 2013（Online）のリストやライブラリでは、ビューのヘッダーメニューとして「ビュー セレクター メニュー」が表示されています。リボン メニューから選択する方式よりも手軽で分かりやすいのですが、欠点が1つだけあります。それは「ビューが3つまでしか表示されずに、のこりは「…」にまとめられてしまう」ということです。ここにもっとたくさんのビューへのセレクター メニューを並べたいと思いましたので調べてみました。

Read More