FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 4441|回复: 5

老版本的ExtAspNet如果在js中获得控件的值

[复制链接]
发表于 2018-4-19 10:23:10 | 显示全部楼层 |阅读模式
请问各位大神,我这里的一个项目使用的是老版本的ExtAspNet,现在需要用js获取控件的值,但是使用Ext.getCmp('<%=ddlProduction.ClientID%>').getValue()时提示Ext.getCmp(...) is undefined ,用尽了各种办法还是无法获取控件的值,请问该怎么才能获取啊
发表于 2018-4-19 11:23:42 | 显示全部楼层
Ext.getCmp(...) is undefined应该是说这个控件找不到,把完整代码发出来看下
 楼主| 发表于 2018-4-19 12:32:44 | 显示全部楼层
本帖最后由 yc2018nian 于 2018-4-19 12:36 编辑

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FaultByDay.aspx.cs" Inherits="NanCheRailWayWeb.Web_DataManage.FaultByDay" %>

<!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 id="Head1" runat="server">
    <title></title>
    <script src="../js/lockscreen.js" type="text/javascript"></script>
    <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="../js/chart/highcharts.js" type="text/javascript"></script>
    <script src="../js/chart/exporting.js" type="text/javascript"></script>
    <script src="../js/chart/dark-green.js" type="text/javascript"></script>
    <script src="../js/echarts-all.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <ext: PageManager ID=" PageManager1" runat="server" AutoSizePanelID="Toolbar" />
        <ext:Toolbar ID="Toolbar" runat="server">
            <Items>
                <ext: Label ID="Label5" runat="server" Label="Label" Text="开始时间:">
                </ext: Label>
                <ext: DatePicker ID="dpStartDate" runat="server" Label="Label" EnableDateSelect="true">
                </ext: DatePicker>
                <ext: Label ID="Label6" runat="server" Label="Label" Text="结束时间:">
                </ext: Label>
                <ext: DatePicker ID="dpEndDate" runat="server" Label="Label" EnableDateSelect="true">
                </ext: DatePicker>
                <ext: Label ID="Label1" runat="server" Label="Label" Text="车型:">
                </ext: Label>
                <ext: DropDownList runat="server" ID="ddlTrainModel" Label="车型" Width="100px" AutoPostBack="True"
                    OnSelectedIndexChanged="ddlTrainModel_SelectedIndexChanged">
                </ext: DropDownList>
                <ext: Label ID="Label7" runat="server" Label="Label" Text="生产形式:">
                </ext: Label>
                <ext: DropDownList runat="server" ID="ddlProduction" Label="生产形式" AutoPostBack="true"
                    Width="100px" OnSelectedIndexChanged="ddlProduction_SelectedIndexChanged">
                </ext: DropDownList>
                <ext: Button ID="btnSearch" runat="server" Text="查询" IconUrl="../images/03.png"
                     EnablePostBack="false" CssStyle="background:url(../images/search.jpg) no-repeat">
                </ext:Button>
                <ext:Button ID="btnExport" Text="导出Excel" ValidateForms="extForm1" runat="server"
                    Icon="SystemSaveNew" EnableAjax="false" DisableControlBeforePostBack="false">
                </ext:Button>
                <ext: TextBox ID="testText" runat="server" Label="Label" Text="测试:">
                </ext: TextBox>
            </Items>
        </ext:Toolbar>
        <div id="faultDiv" style="width: 95%; margin: 0 auto; height: 600px;"></div>
    </div>
    </form>
</body>
</html>
<script type="text/javascript">
        var faultDiv;
        
        function Fault() {
            faultDiv = echarts.init(document.getElementById('faultDiv'));
            var faultOption = {
                title: {
                    text: '按天统计故障数量'
                },
                tooltip: {
                    show: true,
                    trigger: 'item'
                },
                legend: {
                    show: true,
                    data: ['故障数量'],
                    padding: 15
                },
                dataZoom: {
                    show: true,
                    realtime: true,
                    start: 0,
                    end: 20
                },
                xAxis: [{
                    type: 'category',
                    name:'日期',
                    data: [" "]
                    
                }],
                yAxis: [{
                    type: 'value',
                    name:'故障数量'
                }],
                series: [{
                    name: '故障数量',
                    type: 'line',
                    itemStyle: {normal: {color:'#9BCA63'}},
                    data: [" "],
                    markLine:{
                        data:[{
                            type: 'average',name:'平均值'
                        }]
                    }
                }]
            };
            faultDiv.setOption(faultOption);
            SetFaultData();
        }

        function SetFaultData() {
            var riqi = [<%=GetFaultdataX()%>];
            var num = [<%=GetFaultdataY()%>];
            
            var options = faultDiv.getOption();
            options.xAxis[0].data= riqi;
            options.series[0].data= num;
            faultDiv.setOption(options);
            faultDiv.refresh();
            
        }
        $(function () {
            var text1 = '<%=testText.ClientID %>'
            var trainModel = Ext.getCmp(text1).getValue();
            alert(trainModel);
            Fault();
        })
    </script>
 楼主| 发表于 2018-4-19 13:21:16 | 显示全部楼层
上边就是代码了.请大神看看怎么回事,谢谢
发表于 2018-4-19 17:10:59 | 显示全部楼层
本帖最后由 shihahayue 于 2018-4-19 17:20 编辑

在这写Ext.ready(function(){ 或者 onReady 不是 $(function () {
 楼主| 发表于 2018-4-19 18:17:40 | 显示全部楼层
我之后已经发现这个问题了,也要把一开始引用的jquery.js取消掉,然后里边用Ext的方法,不能用jquery的,虽然已经解决了,还是谢谢各位了.感谢!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-3-28 21:28 , Processed in 0.047455 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表