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"})

Answer 2

您也可以使用以下语法添加一个

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

如何在MVC剃刀视图中显示颜色选择器

2 个答案: