ext.net 开发学习之复杂面板_TableLayout、RowLayout（五）

一时失言乱红尘 2021-11-09 10:42 164阅读 0赞

B2C Business-to-Consumer 现在流行念“B二C”……大胆创举！值得赞扬  
  
对开发人员来说：浏览器兼容性 是一大头疼之事。因部门分工明确，所以我们很少碰html代码，但没有UED时，只有硬着头皮去摸索。  
  
昨天就还在这摔了一跤！现在才搞定！  
  
火狐，Chrome，Safari，IE8，Opera……都测试ok。问题就出在IE6，7 。没办法 IE6，7占领国内用户浏览器半壁江山。

我们要的效果

![2011101914081269.png][]

在开始做时，便在aspx页面上画出来大体的框架，cs动态生成也满足需要。拿到不同的浏览器测试时。出现了样式问题，除IE6、7 其他 如我上面所说的浏览器都OK

![2011101914004291.png][]

昨下午 折腾了半天 没整出来，早上才发现问题，不仔细看以为是后面的没有显示，仔细看了才知道，错位了！后面的TextField（红框）跑到前面去了……

有些问题如果实在搞不定，不妨休息下，或者先丢一边。答案往往 就是这个时候蹦出来的。早上上班，突然就有了这个想法。每个TextFiled控件我们是放在TableLayout下的Cell中。虽说Cell中直接可以放置控件，为什么不先放一个Panel 再放控件……

Ext.Net.Panel cell1Panel = new Ext.Net.Panel() { Border = false, Padding = 10, Layout = "TableLayout" };//用户信息Panel
                TableLayout cell1PanelTableLayout = new TableLayout { Columns = column, RowHeight = 0.8 };
                Cell cell;
                DataRow[] drList;
                Cell cellLine;
                Ext.Net.Panel panelLine;
                Ext.Net.Panel panelCell;//增加一个Panel 把 Component item 控件先放置到Panel 再把Panel放置到Cell
    
    #region 填充用户信息 form
    for (int i = 0; i < strucGroupSetTable.Rows.Count; i++)//
                {
        
                    drList = fieldTable.Select("IsShow=1 and PnlFUID='" + pnlFUID + "' and GroupFUID='" + strucGroupSetTable.Rows[i]["FUID"].ToString() + "' and FieldType<>'image'", "ControlOrderNo");
    for (int j = 0; j < drList.Length; j++)
                    {
        
                        cell = new Cell();
                        panelCell = new Ext.Net.Panel() { Border = false, AutoHeight = true, Padding = 2 };
    if (j == drList.Length - 1)
                            cell.ColSpan = column;
    
                        Component item = CreateControls.GetControls(drList[j], sourceDataTable.Rows[0][drList[j]["FieldAlias"].ToString()], isReadOnly);
    if (j < drList.Length - 1)
                        {
        
    if (drList[j + 1]["ControlType"].ToString().ToLower() == "tfmdbmemo" || drList[j + 1]["ControlType"].ToString().ToLower() == "tcxdbmemo")
                            {
        
                                cell.ColSpan = column;
    if (drList[j]["ControlType"].ToString().ToLower() == "tfmdbmemo" || drList[j]["ControlType"].ToString().ToLower() == "tcxdbmemo")
                                {
        
                                    item.Width = 460;
                                }
                            }
                        }
    else
                        {
        
    if (drList[j]["ControlType"].ToString().ToLower() == "tfmdbmemo" || drList[j]["ControlType"].ToString().ToLower() == "tcxdbmemo")
                            {
        
                                cell.ColSpan = column;
                                item.Width = 460;
                            }
                        }
    
                        panelCell.Width = Unit.Parse((item.Width.Value + 20).ToString());
                        panelCell.Items.Add(item);
                        cell.Items.Add(panelCell);
                        cell1PanelTableLayout.Cells.Add(cell);
                    }
    if (i < strucGroupSetTable.Rows.Count - 1)//画线
                    {
        
                        cellLine = new Cell() { ColSpan = column };
                        panelLine = new Ext.Net.Panel() { Height = 1, Width = 480 };
                        cellLine.Items.Add(panelLine);
                        cell1PanelTableLayout.Cells.Add(cellLine);
                    }
                }
                cell1Panel.Items.Add(cell1PanelTableLayout);
                lay1_Panel_Table_Cell1.Items.Add(cell1Panel);
                lay1_Panel_Table.Cells.Add(lay1_Panel_Table_Cell1);
    #endregion

（不足的地方就是要设置长宽）

![2011101914245216.png][]

生成页面的cs就不贴出了，每个人都有自己的架构方法。现在看看，我们搭建的也需要改进。

共同进步

如果碰到这样问题 可以试试 Cell中添加Panel再加控件

作者：[PEPE][]  
出处：[http://pepe.cnblogs.com/][PEPE]  
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

转载于:https://www.cnblogs.com/PEPE/archive/2011/10/19/2217614.html

[2011101914081269.png]: /images/20211109/eba2cb651c1140f5a9bff55cf1981530.png
[2011101914004291.png]: /images/20211109/f897b9ed773f46dcba3dd216be30225d.png
[2011101914245216.png]: /images/20211109/3df3554d61844a4cbee5b2f36e005510.png
[PEPE]: http://pepe.cnblogs.com/