| MVC Classic ウィジェット > Wijcombobox > Wijcombobox チュートリアル > 手順 2：ウィジェットの初期化 |
前の手順では、マークアップを追加し、コンボボックスに表示するコンテンツを追加しました。ここでは、jQuery スクリプトを追加し、ウィジェットを初期化できます。
前の手順で追加した終了の </div> タグの後に、次の jQuery スクリプトを入力して、wijcombobox ウィジェットを初期化します。
| ソースビュー |
コードのコピー
|
|---|---|
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
// 適切なすべての jQuery 機能をここに設定します。
$("#tagsinput").wijcombobox(
{
showingAnimation: { effect: "blind" },
hidingAnimation: { effect: "blind" },
data: [
{
label: 'c++',
value: 'c++'
},
{
label: 'java',
value: 'java'
},
{
label: 'php',
value: 'php'
},
{
label: 'coldfusion',
value: 'coldfusion'
}, {
label: 'javascript',
value: 'javascript'
},
{
label: 'asp',
value: 'asp'
},
{
label: 'ruby',
value: 'ruby'
},
{
label: 'python',
value: 'python'
},
{
label: 'c',
value: 'c'
},
{
label: 'scala',
value: 'scala'
},
{
label: 'groovy',
value: 'groovy'
},
{
label: 'haskell',
value: 'haskell'
},
{
label: 'perl',
value: 'perl'
}
]
}
);
$("#tags").wijcombobox(
{
showingAnimation: { effect: "blind" },
hidingAnimation: { effect: "blind" }
}
);
$('#show').click(function () {
$("#tags").show();
})
});
</script>
|
|