今天在测试时发现录入数据报错，录入数据采用参数化处理，有几是个参数，一个一个测试

真TMD，发现时参数化过程导致的参数不正确，不知道是微软提供的OracleClient有问题还是Oracle的问题！~

靠，一句话真垃圾！~嘿！~

前段时间在WEBFORM中要实现产品的动态和产品的模块化功能，其中要在页面中实现产品的动态属性加载，这

就用到了动态添加table(table在这里主要是做布局)，动态添加控件，但在实现过程也遇到了些小问题，在此把问题

说说，以及问题的解决方案，和大家一起分享。

实现动态添加table,动态添加控件分成两种行为操作：加载页面时创建加载、加载页面后创建加载

一。加载页面时创建加载

     什么意思呢？就是在Page_Load时就开始加载动态的控件或table，下面看看代码吧！~

          protected void Page_Load(object sender, EventArgs e)
          {

                     if (!IsPostBack)
                    {

                     }

            }

          //动态创建table,以及控件

         private void DynamicTableRow()

         {

           .........................

           //创建你要动态创建的控件或table

         }

对于这种行为操作是相对简单的了，不会出现视图加载失败的问题。

二。加载页面后创建加载

     举例说明吧，如我在页面上添加了一个DropDownList的控件，带入如下：

         <asp:DropDownList ID="DropDownList1" runat="server">
        <asp:ListItem>1</asp:ListItem>
        <asp:ListItem>5</asp:ListItem>
        <asp:ListItem>7</asp:ListItem>
        </asp:DropDownList>

      当选择1时要执行添加1个TextBox的控件

      当选择5时要执行添加5个TextBox的控件

      当选择7时要执行添加7个TextBox的控件

      且当点击页面上的“提交”按钮时要获取到这些创建的控件和输入的控件的值

      如果使用之前那种方法，你在页面上是可以看到动态加载了控件和table,但你在动态加载生成的TextBox控件中输入值，并

     点击“提交”时，发现找不到控件，且你查看页面的源文件的HTML代码页没有发现动态创建的控件，之所以这样，我上网查

    了相关的资料，好像是视图没有把动态创建的控件加载进去，我采用了一个方法去解决这个问题，就是重写了LoadViewState

     还原视图状态信息，代码如下：

         /// <summary>
    /// 重写LoadViewState,还原视图状态信息
    /// </summary>
    /// <param name="savedState"></param>
    protected override void LoadViewState(object savedState)
    {
        base.LoadViewState(savedState);
        int n = this.table.Rows.Count;
        if (ViewState["controsladded"] == null)
        {
            if (Session["ids"] != null)
            {
                DynamicTableRow(Session["ids"] as List<int>);
            }
        }
    }
      

    /// <summary>
    /// 动态控制页面table,加载一行的数据及控件,一行4列，2个属性，2个值
    /// </summary>
    private void DynamicTableRow(List<int> ids)
    {
        int num = 0;
        int nowidsCount = ids.Count;
        TableRow tr = new TableRow();
        foreach (int id in ids)
        {
            num = num + 1;
            TableHeaderCell celTh = new TableHeaderCell();
            celTh.Width = 130;

            Label thLabel = new Label();
            thLabel.ID = id.ToString() + "+label";
            thLabel.Text = NameTechnique(id);
            celTh.Controls.Add(thLabel);

            TableCell celTd = new TableCell();

            TextBox txtBox = new TextBox();
            txtBox.TextMode = TextBoxMode.MultiLine;
            txtBox.Width = 300;
            txtBox.ID = id.ToString();
            celTd.Controls.Add(txtBox);

            tr.Cells.Add(celTh);
            tr.Cells.Add(celTd);
            //控制一行显示的数据

            if (num == 2)
            {
                this.table.Rows.Add(tr);
                nowidsCount = nowidsCount - 2;
            }
            else
            {
                if (num == nowidsCount)
                {
                    if (num < 2)
                    {
                        for (int i = 1; i <= (2 - num); i++)
                        {
                            //补空列，一行必须满足有4列
                            TableHeaderCell celThNone = new TableHeaderCell();
                            celThNone.Width = 130;
                            TableCell celTd1None = new TableCell();

                            tr.Cells.Add(celThNone);
                            tr.Cells.Add(celTd1None);
                        }
                    }
                    this.table.Rows.Add(tr);
                }
            }
            if (num == 2)
            {
                tr = new TableRow();
                num = 0;
            }
        }
        ViewState["controlsadded"] = true;
    }

    以上是个人的简单总结，对这个页面的视图也没有什么研究，有个研究的朋友希望一起分享，感兴起的朋友可以一起讨论学习！~

首先要设定要打印的区域，如下：

。。。。。。。。。
。。。。。。。
。。。。。。。。
<div id="print">
打印的区域或内容
</div>
..............
.....................
<a href="javascript:void(0)" onclick="printView('print');">打印</a>

实现打印的JS函数:
//局部打印
function printView(id)
{
    var sprnhtml = $(id).outerHTML;
    var selfhtml = window.document.body.innerHTML;//获取当前页的html

    window.document.body.innerHTML = sprnhtml;
    window.print();
    window.document.body.innerHTML=selfhtml;

    //局部打印后，当前页面打印区域外的操作都不好用了，所采用了当执行打印时重新刷新页面

      window.location.reload( );

}
如果是要页面打印，那么一句话就搞定了
function printView(id)
{
    window.print();
}

有时间总结了下动态添加tab页的相关知识:

     非常鄙视那些引用我文章的网站和个人网站，引用了别人的东西还带商业广告！~在此谢绝转载

    一。 首先得写个动态添加Tab页的JS操作文件，我想在网上应该能找到，喜欢自己可以写

   二 。其次是 写个动态添加Tab页的样式CSS文件，控制TAB标签等样式

   三。相关使用操作

动态添加Tab页的JS代码，起个名吧，就叫“DynamicTab.js”，代码如下：

//tab显示区域类
//TabZone结构为：
//参数说明：
//id:需要动态创建TabPage的区域id
//activeCSS:激活状态的tab样式
//inactiveCSS:未激活状态的tab样式
//zoneCSS:整个TabZone包含TabPage的样式
function TabZone(id,activeCSS,inactiveCSS,zoneCSS){
//激活时的标签样式类
this.activeCSS = activeCSS;
//未激活时的标签样式类
this.inactiveCSS = inactiveCSS;
//最外层显示区域
this.outerZone = $(id);
this.outerZone.className = zoneCSS;
//动态创建tab及page区域
if(this.outerZone.childElements().length == 0 ||
(this.outerZone.down() && this.outerZone.down().tagName.toLowerCase() != "ul") ||
(this.outerZone.down().next() && this.outerZone.down().next().tagName.toLowerCase() != "div")
){
var frag = document.createDocumentFragment();
var ul = document.createElement("ul");
var div = document.createElement("div");
frag.appendChild(ul);
frag.appendChild(div);
this.outerZone.innerHTML = "";
this.outerZone.appendChild(frag);
}
//内部的tab标签区域
this.innerTabZone = this.outerZone.down();
//内部的显示Pages的区域
this.innerPageZone = this.innerTabZone.next();
//保存生存期内所有添加的TabPage对象
this.tabs = new Array();
}
//向TabZone添加Tab
TabZone.prototype.addTab = function(obj){
this.tabs[this.tabs.length] = obj;
//添加事件监听
var realContext = this;
var focus =this.focus;
//使用Event.observe会使上下文环境发生变化，进而无法直接使用this被指向其他引用
//使用call改变this所指对象
Event.observe(obj.tab, 'click',function(e){focus.call(realContext,obj);});
//为未保护的tab添加关闭事件
if(!obj.protect){
var close = this.close;
Event.observe(obj.tab, 'dblclick',function(e){close.call(realContext,obj);});
}
//添加事件结束
//文档中添加tab及page
this.innerTabZone.appendChild(obj.tab);
this.innerPageZone.appendChild(obj.page);
this.focus(obj);
}
//关闭所有未保护的TabPage
TabZone.prototype.closeAll = function(){
var tabCount = this.tabs.length;
for(var i=this.tabs.length-1;i>=0;i--){
if(!this.tabs[i].protect){
this.innerTabZone.removeChild(this.tabs[i].tab);
this.innerPageZone.removeChild(this.tabs[i].page);
this.tabs.splice(i,1);
}
}
//关闭未保护的tab后处理焦点
if(tabCount > this.tabs.length && this.tabs.length > 0){
this.focus(this.tabs[0]);
}
}
//隐藏除了指定参数的tab
TabZone.prototype.hideExcept = function(obj){
for(var i=0;i0){
this.focus(this.tabs[i]);
}
else if(i > 0){
this.focus(this.tabs[i-1]);
}
return;
}
}
}
}
//tab页类
//name：tab标签名称
//src：page指向的页面地址
//protect：bool，指明tab是否可以被保护，被保护的tab不可被关闭
function TabPage(name,src,protect){
this.protect = protect==true?true:false;
//tab
this.tab = document.createElement("li");
this.tab.innerHTML = name==undefined?"untitled":name;
//page区域
this.page = document.createElement("div");
//page实际内容页面
var iframe = document.createElement("iframe");
iframe.frameBorder = 0;
iframe.src = src==undefined?"":src;
//iframe添加入page区域
this.page.appendChild(iframe);
}

.TabZone
{
font-size: 12px;
width: 100%;
background: #fff;
}
.TabZone ul
{
position: relative;
display: block;
float: left;
padding: 0 0 0 0px;
padding: 0px 0px 0px 10px;
list-style: none;
height: 26px;
z-index: 99999;
background: #ebebeb url(../images/tabBackGround.gif) repeat-x top;
width: 100%;
}
.TabZone ul li
{
float: left;
display: block;
margin: 5px 3px 0 0;
padding: 0 15px;
cursor: default;
height: 20px;
line-height: 20px;
}
.TabZone ul li.ActiveCSS
{
background: url(../images/tabOn.gif) repeat-x top;
color: #38b0ff;
height: 22px;
line-height: 22px;
vertical-align: middle;
text-align: center;
border-left: solid 1px #1d4c94;
border-top: solid 1px #1d4c94;
border-right: solid 1px #1d4c94;
}
.TabZone ul li.InactiveCSS
{
color: #38b0ff;
background: url(../images/tabOut.gif) repeat-x top;
height: 22px;
line-height: 22px;
vertical-align: middle;
text-align: center;
border-left: solid 1px #1d4c94;
border-top: solid 1px #1d4c94;
border-right: solid 1px #1d4c94;
}
.TabZone div
{
position: relative;
width: 100%;
height: 100%;
z-index: 0;
margin-top: 3px;
}
.TabZone div div
{
height: 100%;
width: 100%;
}
.TabZone div div iframe
{
position: relative;
width: 100%;
height: 100%;
}

1.在ASP.NET 中使用动态添加Tab框架：

//引用文件

<script type="text/javascript" src="js/DynamicTab.js"></script>

//动态添加Tab的区域
<div id="tabZone"></div>
<script type="text/jscript">
        var tabZone = new TabZone("tabZone","ActiveCSS","InactiveCSS","TabZone");
        //  one.aspx 为首次加载框架时显示的页面
        tabZone.addTab(new TabPage("显示标签名字","one.aspx",true));
       
        function addTab(title,src){
            tabZone.addTab(new TabPage(title,src,false));
        }
    </script>

2.one.aspx 页面

//在one.aspx 里你可以添加任何的链接打开一个页面，然后这个页面会以动态Tab形式显示出来

     <a href="javascript:parent.addTab('动态添加页面的标签1:',two.aspx')";>详细信息1</a>

     <a href="javascript:parent.addTab('动态添加页面的标签2:',two.aspx')";>详细信息2</a>

3.two.aspx页面

这个页面当然就是一些信息了，你还可以做到三级的动态Tab链接

4.至于要实现动态加载时标签的样式效果或者更漂亮你可以在CSS上写

有问题可以一起探讨，欢迎光顾一起学习

后续--------------------

后面根据需要又添加了个关闭标签的方法，比如在删除的时候会用到，在删除某个东东后要关闭当前TAB中打开的TAB，即关闭标签页

实现如下：

1.在DynamicTab.js中添加个方法

//关闭指定的标签
TabZone.prototype.closeTag = function(obj){
        for(var i=0;i<this.tabs.length;i++){
            //判断TAB中的标签名是否和要关闭的标签名称相等（标签名称唯一）

            if(obj.tab.innerHTML.trim() == this.tabs[i].tab.innerHTML.trim()){
                //dom中删除对应tab
                this.innerTabZone.removeChild(this.tabs[i].tab);
                this.innerPageZone.removeChild(this.tabs[i].page);
               
                //tabs集合中删除对应tab对象
                this.tabs.splice(i,1);
               
                //控制关闭tab后焦点行为
                if(i == 0 && this.tabs.length>0){
                    this.focus(this.tabs[i]);
                }
                else if(i > 0){
                    this.focus(this.tabs[i-1]);
                }
                return;
            }
        }

}

2.在框架中添加个方法

        //关闭指定的标签页面

       //tagName,要关闭的标签名称

       //要关闭的页面
        function closeTab(tagName,src)
        {

            tabZone.closeTag(new TabPage(tagName,src,true));
        }

3.在实现关闭事件中调用框架的方法            

      parent.closeTab('tagName','url')

诶呀!~好不容易在网上找到了中文电子版的，但是已图片形式显示出来的

文件又太大，整了半天都没整理出来，控件还不够了，这里上传了后面几章的内容

下面给出目录，需要的朋友可以下载，博客园的个人空间也太小了，还有几章有时间整理出来坊到CSDN上提供下载再提供链接地址，是一本很不错的书，推荐

精通CSS：高级Web标准解决方案：高级Web标准解决方案02（csdn网站链接）

精通CSS：高级Web标准解决方案：高级Web标准解决方案05

精通CSS：高级Web标准解决方案：高级Web标准解决方案06

精通CSS：高级Web标准解决方案：高级Web标准解决方案07

个人学习了一个星期的CSS，也没有买什么书看，就公司的页面框架设计人员提供了一些

学习资料，再实际参与到项目中慢慢应用，主要是学了就用这样的学习效果就非常的好

还提供一些下载的DEMO提供参考学习，自己也可以下载一些模板页面的图片通过Photoshop来截图

当然还包括测量，吸色这些简单的操作，再通过CSS编码来实现图片相应的效果，希望能给初学者

提供学习的方便，感兴趣的可以交流，更多的学习

下面提供相关的学习资料:

          第一步：学习教程：教程下载

                     CSS中文手册：CSS中文手册下载

         第二步：实际应用：DEMO下载

如果你想进一步的学习，可以多做些DEMO，只有在实际应用中你才能学习到更多的知识

提供个DEMO下载的网站：http://www.52css.com/