前台（写html的）的一个控件怎么在后台写？

[taotie1225]

有一控件在前台是写完可以使用的，但由于要使用动态生成控件，所以不能直接写html，要在后台写，请问怎么写。前台代码附下：
<style type="text/css">@import url( slider.css );
<TR id="fenid" runat="server">
<TD>
<table height="100%" width="100%">
<tr>
<td vAlign="top" noWrap align="right" width="50" bgColor="#ffffff"><asp:label id="lb_begin" runat="server"></asp:label></td>
<td noWrap align="left" bgColor="#ffffff">
<div>
<div id="sliderDemo1" style="HEIGHT: 40px" runat="server"></div>
</div>
<div id="sliderDetail" style="FONT-WEIGHT: bolder" align="center"></div>
</td>
<td vAlign="top" noWrap align="left" width="40" bgColor="#ffffff"><asp:label id="lb_end" runat="server"></asp:label></td>
</tr>
</table>
</TD>
</TR>

<script type="text/javascript">
//<![CDATA[
if (document.getElementById("sliderDemo1"))
{
var b=document.getElementById('comfort_lv').value/<%=fen_step%>-<%=fen_min%>
var sliderImage1 = new neverModules.modules.slider(
{targetId: "sliderDemo1",
sliderCss: "imageSlider1",
barCss: "imageBar1",
min: 0,
max: <%=fen_max%>,
ckValue:10,
hints: "拉动滑竿改变设置"
});
//alert(sliderImage1)

sliderImage1.onchange = function () {
getElementById("sliderDetail").innerHTML = "";
};

sliderImage1.onend = function () {
//getElementById("sliderDetail").innerHTML += ", onend: The end the sliderImage1 value is " +sliderImage1.getValue();
getElementById("comfort_lv").value = (sliderImage1.getValue()+<%=fen_min%>)*<%=fen_step%>;
}

sliderImage1.create();
sliderImage1.setValue(b);

}

</script>


各位有哪里看不明白的我再解释，谢谢，解决马上给分

[chinaicm]

在PageLoad里动态生成你需要的控件.
你可以仍一个Table在页面上.
然后构建TableRow TableCell
在把这些添加到Table里.

[lovehongyun]

后台可以把控件的html拼出来,然后输出到客户端,

或是可以通过HtmlGenericControl来创建html的一些标签,创建完后添加到page上即可.


举例:

  void Page_Load(Object sender, EventArgs e)
  {
    // Create a new HtmlGenericControl.
    HtmlGenericControl NewControl = new HtmlGenericControl("div");

    // Set the properties of the new HtmlGenericControl control.
    NewControl.ID = "NewControl";
    NewControl.InnerHtml = "This is a dynamically created HTML server control.";

    // Add the new HtmlGenericControl to the Controls collection of the
    // PlaceHolder control. 
    ControlContainer.Controls.Add(NewControl);

  }

ControlContainer是个<asp:PlaceHolder ID="ControlContainer" runat="server"/>

你可以直接加到form上也行.

[taotie1225]

[Quote=引用 2 楼 lovehongyun 的回复:]

后台可以把控件的html拼出来,然后输出到客户端,

或是可以通过HtmlGenericControl来创建html的一些标签,创建完后添加到page上即可.


举例:


C# code void Page_Load(Object sender, EventArgs e)
{
// Create a new HtmlGenericControl.
HtmlGenericControl NewControl = new HtmlGenericControl("div");

// Set the properties of the new HtmlGenericControl control.
NewControl.ID…
[/Quote]

前台目前是不写代码的，不能添加吧

[liuenhai211]

UP|||

[lovehongyun]

前台目前是不写代码的，不能添加吧
========
能添加,任何的html都可以在后台添加进去的.
关键是你在后台添加要保持他的状态,因为每次postback后.你的数据可能会被刷没.

[qhdrenzhijie]

路过

[zlb789]

直接写是可以 但是可能会丢很多状态 而且回发也可能会有问题

[taotie1225]

但是动态生成控件，只能直接写了，目前第一步我的引用都引用不到，前台引用通过<style type="text/css">@import url( slider.css );
后台怎么引用呢

[taotie1225]

up上，呼唤达人

[taotie1225]

<script type="text/javascript">
//<![CDATA[
if (document.getElementById("sliderDemo1"))
{
var b=document.getElementById('comfort_lv').value/<%=fen_step%>-<%=fen_min%>
var sliderImage1 = new neverModules.modules.slider(
{targetId: "sliderDemo1",
sliderCss: "imageSlider1",
barCss: "imageBar1",
min: 0,
max: <%=fen_max%>,
ckValue:10,
hints: "拉动滑竿改变设置"
});
//alert(sliderImage1)

sliderImage1.onchange = function () {
getElementById("sliderDetail").innerHTML = "";
};

sliderImage1.onend = function () {
getElementById("comfort_lv").value = (sliderImage1.getValue()+<%=fen_min%>)*<%=fen_step%>;
}

sliderImage1.create();
sliderImage1.setValue(b);

}


</script>
中var sliderImage1 = new neverModules.modules.slider(
这个怎么在后台定义。这个函数是调用js文件的

[wenyangitsir]

public static void main()
{
     Console.wirte("看不懂？！");
}