JQuery UIツールチップでのフィールドの内容の表示
-
28-09-2020 - |
質問
SPD2010では、空のデータビューを挿入したaspxページを作成しました。次に、リストを選択し、ページに表示されるフィールドを選択しました。リストアイテムにも格納されている関連情報を表示する「ツールチップ」ポップアップを組み込みたいと思います。私は有望に見えるjQuery UIツールチップを見つけました。私はまた、基本的に同じことをするが異なって見えるjQuery用のプラグインの過多を見つけました。 私の問題は、これらを統合する方法がわからないことです (または、このように動作する場合もあります) そのため、aspxページを介してツールチップが表示されます。どうすればいいですか? Jsページを作成し、CEWPを介して添付して、ページに確立したリストのビューに影響を与えるように設定されていると思います。
これを行う簡単な方法はありますか?もしそうなら、コードを表示してください(そして私を鈍器のように扱ってください)。私が考えていた設定は、リストから@listfieldをプルしてポップアップとして表示できるOO関数を作成することでした。私はいくつかのcssコードがあると確信しています onmouseover と onmouseout コードですが、情報を引き出すためにaspxページに組み込む方法が本当にわかりません。
余談ですが、私はjQuery Tooltipソリューションと結婚していません。誰かがこれを行うためのより良い方法、またはより簡単な方法を持っているなら、私はそれをすべて乗り越えています。
編集: 私が探しているように、私は私の質問に追加または言い換えする必要があると思います ダイナミック 表示情報と同じリストから取得されるポップアップ内のコンテンツ。私はあまりにも多くの問題なしに、ツールチップを動作させることができます。それは私にページにハードコードする一般的な入力を与えます。私が助けを必要とするのは、コードの統合です。私はqtipを動作させるために次のものを使用しています:
<script type="text/javascript">
$(document).ready(function() {
$("[title]").each(function()
{
$(this).qtip();
});
});
</script>
そしてそれをポップアップとして表示させるには:
<xsl:choose>
<xsl:when test="@field='1','True','','i')=0">Yes</xsl:when>
<xsl:otherwise><span title="Hey, this is a try.">No</span></xsl:otherwise>
</xsl:choose>
気にしてください、「テスト」部分のコードは理由のために私のページでもっと精巧なので、そこにある構文エラーについて心配しないでください、私はちょだから、さらなる質問は, ポップアップに動的データを含めるために、上記のコードの表示の「タイトル」部分を交換するにはどうすればよいですか? リストからの私の2番目のフィールドが次のとおりであると仮定します @secondfield.
解決
これは広範な質問であり、それに近づくには複数の方法があります。
まず、「関連情報」を取得する場所を決定する必要があります。いくつかのフィールドだけの場合は、データビュー内でロードすることを検討できます。それがより大きなチャンクである場合(例:画像を含む)、ユーザーがアイテムを選択したときにAJAX呼び出しでオンデマンドでロードします。
[編集] サンプルコードに基づいて、最初のオプションを選択しました-title属性にツールチップデータをロードします。少し変更すると、次のようにtitle属性を動的にすることができるはずです:
<span title="{@popupField}">