如何在MVC剃刀視圖中顯示顏色選擇器

我有一個使用MVC 5創建的項目，這些視圖是基於html剃刀a，Javascript和Jquery創建的。如何在MVC剃刀視圖中顯示顏色選擇器

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

我試過使用這個庫jscolor.js，但它在純HTML頁面中工作，我未能使其在剃刀視圖中工作，我不知道爲什麼。

<!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

任何代碼有這方面的信息？

來源

2016-11-27 Laila

你試過什麼樣的剃鬚刀代碼？ –

@ Html.TexBoxFor（m => m.color，new {@ class =「jscolor」}） – Laila

那麼你有什麼問題？ –

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

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

來源

2016-12-15 07:16:03 Nalin

如何在MVC剃刀視圖中顯示顏色選擇器

回答

相關問題