如何将单选按钮值从客户端传递给Web方法。 [英] How to Pass a Radio Button value from Client side to Web Method.

问题描述

我有一个radiobutton列表和一个datalist ...我正在使用这两个来形成图表使用chart.js ...



根据提供的单选按钮值单击数据列表中的链接按钮创建图表...我正在获取图表，但问题是数据用于形成图表的表是根据所选单选按钮的值导出的...问题是系统采用单选按钮中选择的默认值来绑定图表。即使我选择了另一个值，图表也会显示默认单选按钮中的数据...如何在将页面加载到Web服务时传递单选按钮值... ???还有如何在点击下一个链接按钮时清除图表... ???



问候，



Sajin A

Hi,

I have a radiobutton list and a datalist... I am using both of these to form a chart using chart.js...

The chart is created on clicking the link button in the data list based on radio button value provided... I am getting the chart, but the problem is that the data table that is used to form the chart is derived based on the value of the radio button selected... The problem is that the system takes the default value selected in the radio button for binding the chart. Even if I select another value the chart shows data from the default radio button... How to pass the radio button value on loading the page to the web service...??? Also how to clear the chart when the next link button is clicked...???

Regards,

Sajin A

<WebMethod()> _
        Private Shared Function GetZoneSalesData(ByVal rbtlSales As String) As String()
        Dim clsSales As New TS.Corporate.SalesGenerateBarChart
        Dim dTable As New DataTable
        Dim strReportHeading As String = ""

        dTable = clsSales.ZoneSalesValue(rbtlSales)
        Dim resultdata = From d In dTable.AsEnumerable()
        Dim data(dTable.Rows.Count - 1) As String
        For i As Integer = 0 To dTable.Rows.Count - 1
            Dim item As DataRow = dTable.Rows(i)
            data(i) = (String.Format("{0}-{1}", item("zone"), item("zoneTotal")))
        Next
        Return data
    End Function

<script type="text/javascript">
       <script type="text/javascript">
    $(function() {
        $("[id*=dlstZone] [id*=lbtnZone]").click(function() {
            var row = $(this).closest('tr');
            var branchId = $(row).find('[id*=hfBranchId]').val();

            var rbtlSales = document.getElementById("<%= rbtlSales.ClientID%>");

            alert(rbtlSales);
            $.ajax({
                url: '<%=ResolveUrl("~/Corporate/Sales.aspx/GetZoneData") %>',
                data: "{'rbtlSales':'" + rbtlSales + "'}",
                dataType: "json",
                type: "POST",
                contentType: "application/json; charset=utf-8",
                success: function(data) {
                    var labels = [];
                    var datas = [];
                    $.each(data.d, function(i, item) {
                        var l = item.split('-')[0];
                        var d = item.split('-')[1];
                        labels.push(l);
                        datas.push(d);
                    });
                    var barChartLocData =
            {
                labels: labels,
                datasets:
                [
                    {
                        fillColor: "green",
                        highlightFill: "lightgreen",
                        data: datas
                    }
                ]
            };

                    var ctx = document.getElementById("canvas").getContext("2d");
                    new Chart(ctx).HorizontalBar(barChartLocData, {
                        responsive: true
                    });
                },
                error: function(response) {
                    alert(response.responseText);
                },
                failure: function(response) {
                    alert(response.responseText);
                }
            });
        });
    });
</script>

我的单选按钮如下所示...

My radio button is as below...

<asp:radiobuttonlist id="rbtlSales" runat="server" font-bold="True" cellpadding="1" repeatlayout="Flow" xmlns:asp="#unknown">
<asp:listitem value="today" selected="True">Today's Sales</asp:listitem>
<asp:listitem value="yesterday">Yesterday's Sales</asp:listitem>
<asp:listitem value="mtd">MTD</asp:listitem>
<asp:listitem value="prevmonth">Previous Month Sales</asp:listitem>
<asp:listitem value="ytd">YTD</asp:listitem>
</asp:radiobuttonlist>

推荐答案

（ function （）{

（ [id * = dlstZone] [ id * = lbtnZone]）。click（ function （）{
var row =

("[id*=dlstZone] [id*=lbtnZone]").click(function() { var row =

（ this ）。nearest（' < span class =code-string> tr'）;
var branchId =

(this).closest('tr'); var branchId =

这篇关于如何将单选按钮值从客户端传递给Web方法。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！