2014-09-29 79 views
0

我想在我的网页上创建一个饼图。我从我的数据库中读取数据,并将它们设置为两个变量creditremain_costc#设置值为jQuery变量#

我想用这两个值显示饼图。我找到了一个由DevExpress公司创建的饼图。

这是我的asp.net代码:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title>chart</title> 
    <meta charset="utf-8" /> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
     <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script> 
     <script type="text/javascript" src="http://cdn3.devexpress.com/jslib/14.1.7/js/dx.chartjs.js"></script> 

     <script> 

      var pieChartDataSource = [ 
       { category: 'Credit', value: 44 }, 
       { category: 'reamaincost', value: 34 }, 

      ]; 
      $(function() { 


       $("#pieChartContainer").dxPieChart({ 
        dataSource: pieChartDataSource, 
        series: { 
         argumentField: 'category', 
         valueField: 'value', 
         label: { 
          visible: true, 
          connector: { 
           visible: true 
          } 
         } 
        }, 
        tooltip: { 
         enabled: true, 
         percentPrecision: 2, 
         customizeTooltip: function (value) { 
          return { 
           text: value.percentText 
          }; 
         } 
        }, 
        title: { 
         text: 'user over view' 
        }, 
        legend: { 
         horizontalAlignment: 'center', 
         verticalAlignment: 'bottom' 
        } 
       }); 
      }); 
     </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <div> 
      <asp:Literal ID="credittxt" runat="server" /> <br /> <asp:Literal ID="remain_costtxt" runat="server" /> 
      <asp:TextBox runat="server" ClientIDMode="Static" ID="txt" /> 
     </div> 
    <div id="pieChartContainer" style="height:400px; max-width:700px; margin: 0 auto"></div> 
    </div> 
    </form> 
</body> 
</html> 

,这是我的代码背后:

protected void Page_Load(object sender, EventArgs e) 
{ 
    DataSet1.usersDataTable ousersDataTable = new DataSet1.usersDataTable(); 
    DataSet1TableAdapters.usersTableAdapter ousersTableAdapter = new DataSet1TableAdapters.usersTableAdapter(); 
    ousersTableAdapter.FillBysip(ousersDataTable, "my_data"); 
    DataSet1.usersRow ousersRow = ousersDataTable[0]; 
    string credit = ousersRow.credit.ToString(); 
    string remain_cost = ousersRow.schduled_cost.ToString(); 
    credittxt.Text = credit; 
    remain_costtxt.Text = remain_cost; 
    txt.Text = credit; 
} 

成功地出现在文本和文本框控件的数据。

我的问题是,我想要在c#中将credit的值设置为credit值,并且将c#中的_cost保留为jQuery中的remaining_cost变量。

请帮帮我。

+0

利用C#函数'的Page.ClientScript.RegisterHiddenField (“HiddenField”,(字符串)会话[“C#ValueInputforJquery”]);' – Hillboy 2014-09-29 19:07:11

+0

可以帮助我更多? – user3581073 2014-09-29 21:49:39

回答

0

你可以这样做:

protected void Page_Load(object sender, EventArgs e) 
{ 
    DataSet1.usersDataTable ousersDataTable = new DataSet1.usersDataTable(); 
    DataSet1TableAdapters.usersTableAdapter ousersTableAdapter = new   DataSet1TableAdapters.usersTableAdapter(); 

    ousersTableAdapter.FillBysip(ousersDataTable, "my_data"); 
    DataSet1.usersRow ousersRow = ousersDataTable[0]; 
    string credit = ousersRow.credit.ToString(); 
    string remain_cost = ousersRow.schduled_cost.ToString(); 
    credittxt.Text = credit; 
    remain_costtxt.Text = remain_cost; 
    txt.Text = credit; 



Page.RegisterClientScriptBlock("MyScript","<SCRIPT Language='JavaScript'>credit = " +credut +"; _cost = " + cost +";</SCRIPT>"); 

} 
1

之前</body>

<script> 
      credit ='<%getCredit()%>'; 
      remain_cost ='<%getRemainCost()%>'; 
</script> 

在隐藏文件代码:

string credit, remain_cost; 
public getCredit(){return credit ;} 
public getRemainCost(){return remain_cost ;} 

protected void Page_Load(object sender, EventArgs e) 
{ 
credit = ousersRow.credit.ToString(); 
remain_cost = ousersRow.schduled_cost.ToString(); 
}