如何在Grid表格的行单击事件的后台代码里调用前端JS代码

守护、天使 · 发表于 2013-9-22 22:02:38

本帖最后由守护、天使于 2013-9-22 22:06 编辑

有两个问题。
主要的是：如何在Grid表格的行单击事件的后台代码里调用前端JS代码
次要的是：如何在content Panel中如何加载百度地图

此图下方是一个表格，表格具有行单击事件，在行单击事件里我需要利用表格主键查询数据库获得经纬度，然后传值给地图。按照我现在的想法是调用前端ＪＳ函数．
关于百度地图api

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
<title>地图平移</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.4035,39.915),8); //初始化时，即可设置中心点和地图缩放级别。
setTimeout(function(){
map.panTo(new BMap.Point(113.262232,23.154345)); //两秒后移动到广州
}, 1500);
</script>

复制代码

我的想法就是通过后台事件代码中获得经纬度，传值，调用前台JS函数（类似两秒移动到广州），最终目的是将地图移动到指定位置。
事件代码中该如何操作？

2.次要问题：如何在content Panel中如何加载百度地图
目前使用的是iframe：代码如下：

<ext:Region ID="mainRegion" ShowHeader="false" Layout="Fit" Margins="0 0 0 0" Position="Center" runat="server">
<Toolbars>
<ext:Toolbar ID="Toolbar1" Position="Top" runat="server" Height="25px" CssClass="toolbar">
<Items>
<ext:Label ID="ToolLabel" Text="动态管理>基站状况-地图表示" runat="server" CssClass="label">
</ext:Label>
</Items>
</ext:Toolbar>
</Toolbars>
<Items>
<ext:ContentPanel ID="ContentPanel2" runat="server" EnableBackgroundColor="true"
ShowBorder="false" ShowHeader="false" Title="ContentPanel" BoxConfigPosition="Center">
<iframe id="iframe1" name="iframe1" enableviewstate="true" scrolling="auto" frameborder="0" src="map.aspx"></iframe>
<%--<div style="height:700px; width:1250px; padding:0; margin:0;" id="allmap"></div> --%>
</ext:ContentPanel>
</Items>
</ext:Region>

复制代码

这段代码我们可以看到，用的是iframe。由于用iframe传值比较麻烦。但是直接用div的话，不写高度和宽度，content panel中无法显示地图。写高度和宽度又不能写定值，为什么呢？框架的缩放。
现在就想类似在百度API里的那般，让地图充满content panel，但是又不用iframe，那么该如何处理。
希望大神给予解答，实在是比较急。谢谢

sanshi · 发表于 2013-9-23 17:17:11

主要的是：如何在Grid表格的行单击事件的后台代码里调用前端JS代码
===
在C#代码中直接调用PageContext.RegisterStartupScript 即可执行前端JS代码

次要的是：如何在content Panel中如何加载百度地图
===
最好放在IFrame中，方便隔离代码，减少问题

守护、天使 · 发表于 2013-9-23 18:12:17

sanshi 发表于 2013-9-23 17:17
主要的是：如何在Grid表格的行单击事件的后台代码里调用前端JS代码
===
在C#代码中直接调用PageContext.Reg ...

关于次要的只能如此了。
那么主要的还是很有问题的。
首先怎么调用iframe中的JS函数呢？
其次如何传值（经纬度）给那个被调用函数？

sanshi · 发表于 2013-9-24 09:45:56

守护、天使发表于 2013-9-23 18:12
关于次要的只能如此了。
那么主要的还是很有问题的。
首先怎么调用iframe中的JS函数呢？

这个就不属于FineUI的范畴了。

调用IFrame中的函数很简单，只要两个页面属于同一个域名下，先找到IFrame的window对象，网上搜索一下

守护、天使 · 发表于 2013-9-25 22:05:20

本帖最后由守护、天使于 2013-9-25 22:09 编辑

sanshi 发表于 2013-9-24 09:45
这个就属于FineUI的范畴了。

调用IFrame中的函数很简单，只要两个页面属于同一个域名下，先找到IFrame的 ...

这个问题我解决了哦。。。。。
现在有一个新的想法。。。
就是表格绑定了数据源，但是数据库里的数据会改变，能不能做到网页不刷新而让表格的实时更新呢？
简而言之就是类似表格部分局部刷新，并将数据库里的数据在页面实时显示出来呢？（完全没思路啊）

守护、天使 · 发表于 2013-9-26 19:55:31

守护、天使发表于 2013-9-25 22:05
这个问题我解决了哦。。。。。
现在有一个新的想法。。。
就是表格绑定了数据源，但是数据库里的数据会改 ...

已解决，谢谢

冻结 · 发表于 2013-9-27 19:25:55

sanshi 发表于 2013-9-24 09:45
这个就不属于FineUI的范畴了。

调用IFrame中的函数很简单，只要两个页面属于同一个域名下，先找到IFrame ...

你好，我也遇到类似的问题。我再后台写的
PageContext.RegisterStartupScript("return resetEditor()");
但是前台函数没有执行？请问，这是怎么回事？

		自动登录	找回密码
密码			立即注册

如何在Grid表格的行单击事件的后台代码里调用前端JS代码

本帖子中包含更多资源