如何在MVC剃刀視圖中顯示拾色器

Question

我有一個使用MVC 5創建的項目，該視圖基於html razor a，Javascript和Jquery創建。

我用於插入數據的視圖之一包含一個文本框，如果用戶單擊它，我希望它顯示顏色選擇器。

我試圖使用該庫jscolor.js，但是它只能在純HTML頁面中使用，但是我無法使其在Razor視圖中運行，我不知道為什么。

<!DOCTYPE html>
<html>
<head>
    <title>jscolor Example</title>
</head>
<body style="text-align:center;">
    <script src="jscolor.js"></script>
    <h2>Example 1</h2>
    Color: <input class="jscolor" value="ab2567">
</body>
</html>

Javascript庫的鏈接http://jscolor.com/

這是MVC視圖中的代碼

<script src="jscolor.js"></script>

<script>
    $(document).ready(function() {
        jscolor.installByClassName("jscolor");
    });
</script>

@using (Html.BeginForm("Create, "DateField", FormMethod.Post))
{
    <input class="jscolor" value="ab2567"/>
....etc

有人知道這件事嗎？

Answer 1

嘗試下面的代碼。 它為我工作。

@Html.TextBoxFor(m => m.PropertyList.color, new { @class = "jscolor"})

如何在MVC剃刀視圖中顯示拾色器

問題描述

1 個解決方案

解決方案1
2 2016-12-15 07:16:03

如何在MVC剃刀視圖中顯示拾色器

問題描述

1 個解決方案

解決方案1 2 2016-12-15 07:16:03

解決方案1
2 2016-12-15 07:16:03