如何解决在javascript中操纵asp.net\'runat =“ server”\'html对象
| 好吧,我知道您可以使用以下代码从asp.net控件获取信息:var element = document.getElementById(\'<%=myControl.ClientID%>\');
但是,我无法在Javascript中抓取到该html元素。我需要做些什么来更改在javascript中设置为runat = \“ server \”的东西的属性?
是否只能通过服务器端C#?
为了进一步说明,我有一个div,它通过Javascript更改了大小,并试图获取它的innerhtml中存在的mschart来更改它的高度/宽度。但是,它在服务器上运行的事实导致了问题。
<div id=\"div0\" style=\"background-color:Silver; position: absolute; top: 0px; left: 0px; width: 480px; height: 245px;\">
<asp:Chart ID=\"chart0\" runat=\"server\" Height=\"245px\" Width=\"480px\"
BackColor=\"220,230,242\" BackGradientStyle=\"None\"
BackSecondaryColor=\"220,242\">
<BorderSkin PageColor=\"220,242\" />
</asp:Chart>
</div>
编辑:最终通过查询字符串通过回传处理图表的大小,然后在init上的javascript中获取这些值并在那里调整div的大小。
解决方法
您的实际含义还不清楚。如果您的意思是要操纵服务器端属性或调用服务器端函数,则无法通过javascript做到这一点。您将需要使用诸如ajax或webmethod之类的东西。如果您要修改它的客户端属性(例如,它是否可见或包含哪些数据),那么可以。但是,您需要指定有关您到底想做什么的更多信息。
编辑:
根据您更新的信息,有好消息和坏消息。是的,您可以在客户端上更改控件的大小,但这只会拉伸图像。 MSChart生成下载的图像文件。拉伸会导致质量差。
如果无法选择拉伸,则需要为新尺寸重新生成图表。这将需要您使用某种Ajax,或完全刷新页面。
, 因为该元素具有“ 2”,所以您将只能在(服务器端)后面的代码中修改属性。实际的客户端属性(例如可见性)可以通过javascript进行更改。
, 如果该控件转换为简单的HTML元素,则应该能够编辑“控件”的客户端属性。但是,有时服务器端属性没有客户端类似物。
要注意的一件事是,如果控件未设置为可见,则表示该控件根本没有呈现在页面上。如果真是这样,那么您将无法通过JavaScript访问它。
, 如果您要修改的只是对象的with和height,则没有理由不执行以下操作:
var element = document.getElementById(\'<%=myControl.ClientID%>\');
element.style.height = divHeight;
只需在生成的html中查看,具有该名称的控件实际上就是div或图像(或可以调整大小的图像),即可在其中设置width和height。我不知道Chart控件呈现什么内容。无论如何,请使用Firebug检查页面中的html元素,并查看您在javascript中所做的更改如何影响结果。
无论如何,请记住,您只能在javascript中设置客户端属性。这意味着您要在某个div元素上而不是服务器端控件上进行设置。知道服务器端控件确实可以呈现为html,您应该能够以一种或另一种方式实现所需的内容。
, 我的建议是使用jQuery编写脚本。客户端脚本代码中将使用以下内容:
获取您需要的高度的元素。
获取要操作的元素。
使用第1部分中的值更改元素高度。
如果您认为这是一种方法,并且是jQuery的新手,那么我可以为您提供一些代码。
, 我试图操纵jquery中包含“ 4”属性的控件。我无法更改它。删除runat=\"server\"
后,我注意到发生了jquery更改。
您可以自己进行测试:
<asp:Label ID=\"myLabel\">hello,warlord!</asp:Label>
<asp:Label ID=\"myLabel2\" runat=\"server\">hello,warlord!</asp:Label>
<script type=\"text/javascript\">$(\"#myLabel\").css(\"border\",\"3px solid red\");</script>
<script type=\"text/javascript\">$(\"#myLabel2\").css(\"border\",\"3px solid red\");</script>
, 我有同样的问题,通常是当您的html控件(带有runat = \“ server \”)位于contentPlaceHolder内时发生的。这是我所做的:
我变了:
document.getElementById(\"mypopup\").style.visibility = \"visible\";
至:
document.getElementById(\"ctl00_ContentPlaceHolder1_mypopup\").style.visibility = \"visible\";
在浏览器上查看页面源代码时,您会看到html控件真正具有的名称。
您可以在此处找到有关如何正确使用ClientID属性的更多信息。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。