在javascript函数中从able获取null值
本文关键字:获取 null able javascript 函数 | 更新日期: 2023-09-27 18:22:00
我写了以下代码,它得到了lbllat和lbllon的完美值:
<asp:UpdatePanel ID="updatepanel_vehicleinfo" runat="server" OnLoad="updatepanel_vehicleinfo_Load">
<ContentTemplate>
<asp:Repeater ID="vehicle_info" runat="server">
<ItemTemplate>
<asp:Label ID="lbllat" runat="server" Text='<%#Eval("lat") %>'></asp:Label><br />
<asp:Label ID="lbllon" runat="server" Text='<%#Eval("lon") %>'></asp:Label><br />
</ItemTemplate>
</asp:Repeater>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
var lat = document.getElementById('<%=lbllat.ClientID %>').value;
var lon = document.getElementById('<%=lbllon.ClientID %>').value;
var myLatlng = new google.maps.LatLng(lat, lon)
var mapOptions = {
center: myLatlng,
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP,
marker: true
};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng
});
marker.setMap(map);
}
</script>
</ContentTemplate>
</asp:UpdatePanel>
<br />
<div id="map_canvas" style="width: 500px; height: 500px">
</div>
现在,当我从代码库调用javascript函数时,如下所示:
DataSet dsvehicle_info = new DataSet();
dsvehicle_info = cls.ReturnDataSet("RetriveData_Alias1",
new SqlParameter("@Field", "lat,lon"),
new SqlParameter("@TblNm", "current_gps_data left join device_master on device_master.id=current_gps_data.id"),
new SqlParameter("@WhereClause", "where current_gps_data .id=24"));
vehicle_info.DataSource = dsvehicle_info;
vehicle_info.DataBind();
ScriptManager.RegisterStartupScript(this, this.GetType(), "Javascript", "javascript:initialize();", true);
它给出了lat和lot的完美答案,它也直接打印在中继器中,但当我调用javascript时,lat and lon
值设置为空
那么,如何在javascript中获得lat和lon的正确值呢?
</ContentTemplate>
Lat: <asp:Label ID="lat" runat="server"></asp:Label><br />
Lon: <asp:Label ID="lon" runat="server"></asp:Label><br />
</asp:UpdatePanel>
在之后和之前贴上这个标签
现在在cs文件中添加以下代码:将以下代码放在之后
vehicle_info.DataSource = dsvehicle_info;
vehicle_info.DataBind();
添加以下代码:
lat.Text = dsvehicle_info.Tables[0].Rows[0]["lat"].ToString();
lon.Text = dsvehicle_info.Tables[0].Rows[0]["lon"].ToString();
现在在javascript中更改以下两行代码:
var lat = document.getElementById('<%=lat.ClientID %>').innerHTML;
var lon = document.getElementById('<%=lon.ClientID %>').innerHTML;
现在它完成了。。!!享受
看起来中继器中有重复的ID值。您是否尝试过为每个标签分配一个类名,然后将其存储在HTML集合中?
标签控件是这样的:
<asp:Label CssClass="lbllat" runat="server" Text='<%#Eval("lat") %>'></asp:Label><br /><asp:Label CssClass="lbllon" runat="server" Text='<%#Eval("lon") %>'></asp:Label><br />
然后在你的JS:中
var lblats = document.getElementsByClassName('lbllat');
var lbllons = document.getElementsByClassName('lbllat');
然后,lblats和lbllons HTML集合应该可供您通过它们的索引进行迭代或访问。