使用c＃代码中的字符串数组参数调用javascript函数 [英] calling javascript function using string array arguments from c# code
本文介绍了使用c＃代码中的字符串数组参数调用javascript函数的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我们如何将字符串数组从c＃函数传递给javascript函数。这是我的代码。
C＃代码
How can we pass string array from c# function to javascript function.Here is my code.
C# code
for (int i = 0; i < count; i++)
{
extraFieldName[i] = dt.Rows[i]["FieldName"].ToString();
extraFieldValue[i] = dt.Rows[i]["FieldValue"].ToString();
}
this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "Javascript", "<script type='text/javascript'>moreFieldsEditFunction('" + count + "','" + extraFieldName + "','" + extraFieldValue + "');</script>");
javascript
javascript
<script type="text/javascript">
function moreFieldsEditFunction(cnt, ExtraFname, ExtraFvalue) {
alert("fname" + ExtraFname + " :fvalue " + ExtraFvalue + " :count:" + cnt);
for (i = 0; i < cnt; i++){
alert("fname" + ExtraFname[i] + " :fvalue " + ExtraFvalue[i] + " :count:" + cnt);
}
var fieldsdiv = document.getElementById('addmorefieldsDiv');
fieldsdiv.style.visibility = 'visible';
alert("test");
for (i = 0; i < cnt; i++)
{
var intId = $("#addmorefieldsDiv div").length + 1;
alert(ExtraFname[i]);
var fieldWrapper = $('<div class="form-group fieldwrapper col-md-12" id="field"' + intId + '"/>');
var fName1 = $('<div class="col-md-4"> <input type="text" placeholder="Fieldname" id="field_name" name="field_name" value="' + extraFieldName[i] + '" class="form-control"></div>');
var fName2 = $('<div class="col-md-4"> <input type="text" placeholder="Fieldvalue" id="field_value" name="field_value" value="'+ extraFieldValue[i] +'" class="form-control"></div>');
}
}
</script>
这是传递数组的正确语法。还没有识别javascript中指定的id。为什么呢所以。
这是我的整个设计页面（.aspx）
Is this the correct syntax of passing arrays.Also its not recognising the id specified in the javascript.why is it so.
Here is my whole desing page(.aspx)
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Customer.aspx.cs" Inherits="EmpMgmt.Customer" EnableEventValidation="false" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="../Styles/MenuStyle.css">
<link rel="stylesheet" href="../Styles/CommonStyles.css">
<link rel="stylesheet" href="../Bootstrap/bootstrap-theme.min.css?parameter=1">
<link rel="stylesheet" href="../Bootstrap/bootstrap-theme.css?parameter=1">
<link rel="stylesheet" href="../Bootstrap/bootstrap.css?parameter=1">
<link rel="stylesheet" href="../Bootstrap/bootstrap.min.css?parameter=1">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="../JavaScript/bootstrap.js" type="text/javascript"></script>
<script src="../JavaScript/bootstrap.min.js" type="text/javascript"></script>
<script src="../JavaScript/npm.js" type="text/javascript"></script>
<script src="../JavaScript/MenuJScript.js" type="text/javascript"></script>
<script src="../JavaScript/Menuscript.js" type="text/javascript"></script>
<script src="../MyJQueryFunctions/Addmorefields.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btnaddmorefields").click(function () {
var fieldsdiv = document.getElementById('addmorefieldsDiv');
fieldsdiv.style.visibility = 'visible';
// alert("test");
var intId = $("#addmorefieldsDiv div").length + 1;
var fieldWrapper = $('<div class="form-group fieldwrapper col-md-12" id="field"' + intId + '"/>');
var fName1 = $('<div class="col-md-4"> <input type="text" placeholder="Fieldname" id="field_name" name="field_name" class="form-control"></div>');
var fName2 = $('<div class="col-md-4"> <input type="text" placeholder="Fieldvalue" id="field_value" name="field_value" class="form-control"></div>');
var removeButton = $('<div class="col-md-3"><input type="button" class="btn remove" value="Remove Fields" background-color="#669900"/>');
removeButton.click(function () {
$(this).parent().remove();
});
fieldWrapper.append(fName1);
fieldWrapper.append(fName2);
fieldWrapper.append(removeButton);
//alert(fieldWrapper + " - " + intId) ;
$("#addmorefieldsDiv").append(fieldWrapper);
return false;
});
// function moreFieldsEditFunction(extrafname, extrafvalue) {
// alert(extrafname+"////"+extrafvalue+"Helloooooo");
// }
});
</script>
<script type="text/javascript">
function moreFieldsEditFunction(cnt, ExtraFname, ExtraFvalue) {
alert("fname" + ExtraFname + " :fvalue " + ExtraFvalue + " :count:" + cnt);
for (i = 0; i < cnt; i++){
alert("fname" + ExtraFname[i] + " :fvalue " + ExtraFvalue[i] + " :count:" + cnt);
}
var fieldsdiv = document.getElementById('addmorefieldsDiv');
fieldsdiv.style.visibility = 'visible';
alert("test");
for (i = 0; i < cnt; i++)
{
var intId = $("#addmorefieldsDiv div").length + 1;
alert(ExtraFname[i]);
var fieldWrapper = $('<div class="form-group fieldwrapper col-md-12" id="field"' + intId + '"/>');
var fName1 = $('<div class="col-md-4"> <input type="text" placeholder="Fieldname" id="field_name" name="field_name" value="' + extraFieldName[i] + '" class="form-control"></div>');
var fName2 = $('<div class="col-md-4"> <input type="text" placeholder="Fieldvalue" id="field_value" name="field_value" value="'+ extraFieldValue[i] +'" class="form-control"></div>');
}
}
</script>
<script type="text/javascript">
function fname() {
var UserIDs = ('<%=getfname() %>');
alert(UserIDs);
}
</script>
<%--<script type="text/javascript">
$(function () {
function moreFieldsEditFunction(ExtraFname, ExtraFvalue) {
alert("jquery " + ExtraFname + ExtraFvalue);
alert( $("#field_name").val());
$.ajax({
type: "POST",
dataType: "json",
contentType: "application/json; charset=utf-8",
url: "ajaxcustomertest.cs/obj.print",
data: data,
success: function () {
alert($("#txtfname").val() +"inside success"+ ExtraFname);
}
});
};
}
</script>--%>
<style type="text/css">
#addmorefieldsDiv
{
visibility:hidden;
}
</style>
</head>
<body>
<form id="form1" class="form-inline form-horizontal" runat="server">
<div class="container" style="background-color:white">
<div class="row">
<div class="col-md-12" style="height:161px;background:url('images/employee.jpg')"></div>
</div>
<div class="row">
<div id='cssmenu'>
<ul>
<li class='active'><a href='Company.aspx'><b>COMPANY</b></a></li>
<li><a href='EmployeeReg.aspx'><b>EMPLOYEE</b></a></li>
<li><a href='#'><b>SALARY</b></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12" style="height:12px;background-color:#FFA319"></div>
</div>
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6"> </div>
</div>
<div class="row">
<div class="col-md-8" style="padding:1%">
<asp:Label ID="lblheading" runat="server" Text="CUSTOMER FORM" Font-Bold="True" Font-Names="Calibri" Font-Size="Large" ForeColor="#990000"></asp:Label>
</div>
<div class="col-md-4">
<asp:ImageButton ID="imgbtnsave" runat="server" ToolTip="Save" Height="50px"
ImageUrl="~/images/savered1.png" Width="50px" onclick="imgbtnsave_Click" />
<asp:ImageButton ID="imgbtnedit" runat="server" ToolTip="Update" Height="50px"
ImageUrl="~/images/editred5.png" Width="50px" onclick="imgbtnedit_Click" />
<asp:ImageButton ID="imgbtndelete" runat="server" ToolTip="Delete" Height="50px"
ImageUrl="~/images/deletered1.png" Width="50px" />
<asp:ImageButton ID="imgbtnsendmail" runat="server" Height="50px"
ToolTip="Send mail" ImageUrl="~/images/mailred1.png" Width="50px" />
<asp:ImageButton ID="imgbtnclear" runat="server" ToolTip="Clear all"
Height="50px" ImageUrl="~/images/clearred1.png" Width="50px"
onclick="imgbtnclear_Click" />
<asp:ImageButton ID="imgbtnshow" runat="server" ToolTip="Show all" Height="50px"
ImageUrl="~/images/showred1.png" Width="50px" />
</div>
</div>
<div id="FieldsDiv">
<div class="row">
<div class="col-md-1"></div><%-- for spacing--%>
<div class="col-md-5">
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblcustid" runat="server" Text="Customer ID" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtcustid" class="form-control" runat="server"></asp:TextBox>
<%-- <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>--%>
<input type="text" id="TextBox1" value="" />
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblfname" runat="server" Text="First Name" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtfname" class="form-control" runat="server"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lbllname" class="control-label" runat="server" Text="Last Name" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtlname" class="form-control" runat="server"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblPhone" runat="server" Text="Phone" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtphone" class="form-control" runat="server"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblFax" runat="server" Text="Fax" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtfax" class="form-control" runat="server"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblAddress" runat="server" Text="Address" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtaddress" class="form-control" runat="server"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblpin" runat="server" Text="Pin" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtpin" class="form-control" runat="server"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblapplyemployee" runat="server" Text="Apply Employee" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtapplyemployee" class="form-control" runat="server"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
</div>
<div class="col-md-6">
</div>
</div>
</div><%--col-md-6--%>
<%--THIRD COLUMN--%>
<div class="col-md-6">
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6">
<asp:TextBox ID="txtcustrefid" runat="server" Visible="False"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblclientname" runat="server" Text="Client Name" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtclientname" class="form-control" runat="server"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lbltype" runat="server" Text="Client Type" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6 form-group input-group">
<asp:DropDownList ID="ddlclienttype" class="form-control" runat="server">
<asp:ListItem>ss</asp:ListItem>
</asp:DropDownList>
<span class="input-group-btn">
<asp:ImageButton ID="imgbtnaddclienttype" runat="server" Height="25px" Width="25px" ImageUrl="~/images/addmorered.png" />
</span>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblmobile" runat="server" Text="Mobile" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtmobile" class="form-control" runat="server"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblemail" runat="server" Text="Email" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtemail" class="form-control" runat="server"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblcity" runat="server" Text="City" Font-Names="Calibri" Font-Size="Medium" ></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtcity" class="form-control" runat="server" ></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblcountry" runat="server" Text="Country" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:DropDownList ID="ddlcountry" class="form-control" runat="server">
</asp:DropDownList>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblcredit" runat="server" Text="Credit" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtcredit" class="form-control" runat="server"></asp:TextBox>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Label ID="lbllanguage" runat="server" Text="Language" Font-Names="Calibri" Font-Size="Medium"></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtlanguage" class="form-control" runat="server"></asp:TextBox>
</div>
</div>
</div><%--col-md-6--%>
</div>
</div><%-- end--%>
<%--add more fields--%>
<div class="row" >
<div class="col-md-12">
<div class="row">
<div class="col-md-1"></div><%-- for spacing--%>
<div class="col-md-11">
<div id="addmorefieldsDiv" runat="server" class="row">
</div>
</div>
</div>
<div class="row">
<div class="col-md-1"></div><%-- for spacing--%>
<div class="col-md-11">
<asp:Button ID="btnaddmorefields" class="btn btn-default" runat="server" Text="Add More Fields" BackColor="#990000" ForeColor="White" />
</div>
</div>
</div>
</div>
<%--add more fields end--%>
<%--</div>--%>
<div class="row footer">
<div class="col-md-12" style="height:12px;background-color:#FFA319;padding-bottom:0px"></div>
<div class="col-md-12" style="height:25px;background-color:#D65C33">
<p>© sumat 2015 </p>
</div>
</div>
</div> <%--container--%>
<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="imgbtnshow" PopupControlID="DivCustomerDetails"
CancelControlID="imgbtnDIVcancel" BackgroundCssClass="tableBackground" PopupDragHandleControlID="DivCustomerDetails" Drag="true">
</asp:ModalPopupExtender>
<div id="DivCustomerDetails" runat="server" style="width:824px;height:500px;background-color:#CECEB6;border: thin solid black">
<div id="DivCustomerDetailsMenu" runat="server" style="width:824px;height:30px;background-color:#596A1E;border: thin solid black">
<div class="row" style="width:820px;height:25px;">
<div class="col-md-11" style="padding:1% 1% 3% 2%">
<asp:Label ID="lblemployeedetails" runat="server" Text="Employee Details" ForeColor="White" Font-Bold="True" Font-Names="Calibri"></asp:Label>
</div>
<div class="col-md-1">
<asp:ImageButton ID="imgbtnDIVcancel" runat="server" Height="25px" ImageUrl="~/images/cleargrey1.png" Width="25px" />
</div>
</div>
</div><%--DivClientTypeMenu--%>
<div id="divgriddetails" runat="server" style="width:824px;height:300px;overflow: scroll;background-color:#CECEB6;">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="CustRefID"
CssClass="Grid" PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt"
Width="1000px" onrowdatabound="GridView1_RowDataBound"
onselectedindexchanged="GridView1_SelectedIndexChanged">
<AlternatingRowStyle CssClass="alt" />
<Columns>
<asp:BoundField DataField="CustRefID" HeaderText="CustRefID" Visible="False" />
<asp:BoundField DataField="CustID" HeaderText="CustomerID" />
<asp:BoundField DataField="FirstName" HeaderText="First Name" />
<asp:BoundField DataField="ClientName" HeaderText="Client Name" />
<asp:BoundField DataField="ClientType" HeaderText="Client Type" />
<asp:BoundField DataField="Address" HeaderText="Address" />
<asp:BoundField DataField="City" HeaderText="City" />
<asp:BoundField DataField="Country" HeaderText="Country" />
<asp:BoundField DataField="Mobile" HeaderText="Mobile" />
<asp:BoundField DataField="Email" HeaderText="Email" />
<asp:BoundField DataField="Fax" HeaderText="Fax" />
<asp:BoundField DataField="Language" HeaderText="Language" />
<asp:BoundField DataField="Credit" HeaderText="Credit" />
<asp:BoundField DataField="ApplyEmployee" HeaderText="Apply Employee" />
<asp:TemplateField HeaderText="Active">
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" Checked='<%# bool.Parse(Eval("IsActive").ToString() == "Yes" ? "True": "False") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<PagerStyle CssClass="pgr" />
</asp:GridView>
</div> <%--divgriddetails--%>
</div> <%--DivClientType--%>
<asp:ModalPopupExtender ID="ModalPopupExtender2" runat="server" TargetControlID="imgbtnaddclienttype" PopupControlID="DivClientType"
CancelControlID="btncancelclienttype" BackgroundCssClass="tableBackground" PopupDragHandleControlID="DivClientType" Drag="true">
</asp:ModalPopupExtender>
<div id="DivClientType" class="container" runat="server" style="width:300px;height:300px;background-color:#CECEB6;border: thin solid black">
<div id="DivClientTypeMenu" runat="server" style="width:300px;height:30px;background-color:#596A1E;border: thin solid black">
<div class="row" style="width:300px;height:25px;">
<div class="col-md-11" style="padding:1% 1% 3% 2%">
<asp:Label ID="Label1" runat="server" Text="Client Type" ForeColor="White" Font-Bold="True" Font-Names="Calibri"></asp:Label>
</div>
</div>
</div><%--DivClientTypeMenu--%>
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="row">
<div class="col-md-6">
<asp:Label ID="lblenterclienttype" runat="server" Text="Enter new client type !!!"></asp:Label>
</div>
<div class="row">
<div class="col-md-6">
<asp:TextBox ID="txtnewclienttype" runat="server"></asp:TextBox>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<asp:Button ID="btnsaveclienttype" class="btn btn-default" runat="server"
Text="Save" BackColor="#669900" Font-Bold="False" ForeColor="White" />
</div>
<div class="col-md-6">
<asp:Button ID="btncancelclienttype" class="btn btn-default" runat="server"
Text="Cancel" BackColor="#669900" Font-Bold="False" ForeColor="White" />
</div>
</div>
</div>
<div class="col-md-2"></div>
</div>
</div><%--DivClientType--%>
</form>
</body>
</html
>
>
推荐答案
(\"#addmorefieldsDiv div\").length + 1;
alert(ExtraFname[i]);
var fieldWrapper =
("#addmorefieldsDiv div").length + 1; alert(ExtraFname[i]); var fieldWrapper =
('<div class=\"form-group fieldwrapper col-md-12\" id=\"field\"' + intId + '\"/>');
var fName1 =
('<div class="form-group fieldwrapper col-md-12" id="field"' + intId + '"/>'); var fName1 =
('<div class=\"col-md-4\"> <input type=\"text\" placeholder=\"Fieldname\" id=\"field_name\" name =\"field_name\" value=\"' + extraFieldName[i] + '\" class=\"form-control\"></div>');
var fName2 =
('<div class="col-md-4"> <input type="text" placeholder="Fieldname" id="field_name" name="field_name" value="' + extraFieldName[i] + '" class="form-control"></div>'); var fName2 =
这篇关于使用c＃代码中的字符串数组参数调用javascript函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
