[英]assign C# string of array or string[] to javascript array
我有一個 js 代碼,其中一個數組在它喜歡的時候工作得很好
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C"
];
然后我在 or.cs 后面的代碼中創建了一個數組字符串,例如 class 級別
public static string[] test={"animal","lovely"};
然后我將js數組更改為此
var availableTags = "<%=test%>"; // also tried without quotes
現在我沒有像以前的 js 數組那樣的結果
使用完整代碼進行編輯,我取自http://jqueryui.com/demos/autocomplete/#multiple 的 jquery
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Collections;
using System.Web.Script.Serialization;
public partial class onecol : System.Web.UI.Page
{
JavaScriptSerializer serializer;
public static string test = "['animal','lovely']";
public static string check;
protected void Page_Load(object sender, EventArgs e)
{
serializer = new JavaScriptSerializer();
//serializer
this.detail.ToolsFile = "BasicTools.xml";
test = returnTitle();
}
}
html 的腳本是
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript" src="Jscript.js"></script>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.17.custom.css"></script>
<link href="~/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
$(function () {
var availableTags = <%=test%>;
function split(val) {
return val.split(/,\s*/);
}
function extractLast(term) {
return split(term).pop();
}
$("#tags")
// don't navigate away from the field on tab when selecting an item
.bind("keydown", function (event) {
if (event.keyCode === $.ui.keyCode.TAB &&
$(this).data("autocomplete").menu.active) {
event.preventDefault();
}
})
.autocomplete({
minLength: 0,
source: function (request, response) {
// delegate back to autocomplete, but extract the last term
response($.ui.autocomplete.filter(
availableTags, extractLast(request.term)));
},
focus: function () {
// prevent value inserted on focus
return false;
},
select: function (event, ui) {
var terms = split(this.value);
// remove the current input
terms.pop();
// add the selected item
terms.push(ui.item.value);
// add placeholder to get the comma-and-space at the end
terms.push("");
this.value = terms.join(", ");
return false;
}
});
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="demo" >
<div class="ui-widget">
<label for="tags">Tag programming languages: </label>
<input id="Text1" class="#tags" size="50" />
</div>
</div>
實際上它是一個提供標簽的自動完成功能,我想從 C# 代碼中獲取標簽的自動完成建議,我從 jqueryui.com/demos/autocomplete/#multiple 獲取了 Jquery 源,然后我嘗試從中給它 C# 字符串。 cs 文件,我用編輯版本的代碼對其進行了解釋,其背后的 C# 代碼與鏈接中的代碼完全一樣
您需要將C#字符串數組序列化為javascript數組。
http://msdn.microsoft.com/zh-CN/library/system.web.script.serialization.javascriptserializer.aspx
通常,我創建一個簡單的靜態類作為包裝器。
public static class JavaScript
{
public static string Serialize(object o)
{
JavaScriptSerializer js = new JavaScriptSerializer();
return js.Serialize(o);
}
}
然后,您可以使用該類來序列化所需的項目
//C# Array(Member of asp page)
protected string[] Values = { "Sweet", "Awesome", "Cool" };
<script type="text/javascript">
var testArray = <%=JavaScript.Serialize(this.Values) %>
</script>
var availableTags = ['<%=String.join("','",test)%>'];
就像這樣...
var availableTags = ["<%= string.Join("\", \"", test) %>"];
要么
var availableTags = ['<%= string.Join("', '", test) %>'];
第一個將呈現為
var availableTags = ["Sweet", "Awesome", "Cool"];
而第二個將呈現為
var availableTags = ['Sweet', 'Awesome', 'Cool'];
兩者都適合自動完成。
test
屬性應該是一個字符串屬性,它應該呈現將由Js引擎解析為數組的字符串。 嘗試這個。
財產背后的代碼
public static string test= "['animal','usman lovely']";
JS
var availableTags = <%=test%>;//No quotes
只使用索引來獲取我嘗試過的索引字符串數組
var availableTags = "<%=test[0]%>"; // animal
var availableTags = "<%=test[1]%>"; // lovely
如果你正在進行在線編碼挑戰,基於瀏覽器的 IDE 可能不允許你使用 string.join,就像我的工作一樣,我們使用 iMocha。
相反,我只是創建了一個 StringBuilder object(來自 System.Text)並遍歷數組,附加每個 integer 和一個空格,然后將結果轉換為字符串。 像這樣:
var array = new int[] {1, 3, 5, 7, 9};
var str = new StringBuilder();
foreach (int i in array)
{
str.Append(i);
str.Append(" ");
}
var result = str.ToString();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.