×

Loading...
Ad by
  • 推荐 OXIO 加拿大高速网络，最低月费仅$40. 使用推荐码 RCR37MB 可获得一个月的免费服务
Ad by
  • 推荐 OXIO 加拿大高速网络，最低月费仅$40. 使用推荐码 RCR37MB 可获得一个月的免费服务

@Florida

glad to see u like that, this is what we did with a modal div over a shadow div. if u interest

c1xwy(洪兴罩俺去战斗)
本文发表在 rolia.net 枫下论坛//add a control that will blot out the others
HtmlGenericControl divOverlay = new HtmlGenericControl("div");
divOverlay.Style["background-color"] = "#EBEBEB";
divOverlay.Style["width"] = "100%";
divOverlay.Style["height"] = "100%";
divOverlay.Style["position"] = "absolute";
divOverlay.Style["top"] = "0px";
divOverlay.Style["left"] = "0px";
divOverlay.Style["filter"] = "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";


//add a "modal" div that shows overtop of everything
HtmlGenericControl div = new HtmlGenericControl("div");
div.Style["width"] = "100%";
div.Style["height"] = "70%";
div.Style["position"] = "absolute";
div.Style["top"] = "30%";
div.Attributes["align"] = "center";

HtmlGenericControl div2 = new HtmlGenericControl("div");
div2.Attributes["style"] = "background-color: white; border: 1px solid gray; padding: 8px; text-align:left; width: 300px";

//show a table with an editable version of the "Edited" column
HtmlTable table = new HtmlTable();
HtmlTableRow row = new HtmlTableRow();
HtmlTableCell cell1 = new HtmlTableCell();
HtmlTableCell cell2 = new HtmlTableCell();
cell2.Align = "right";
table.Border = 0;
table.Width = "100%";
table.Rows.Add(row);
row.Cells.Add(cell1);
row.Cells.Add(cell2);

Literal lit = new Literal();
lit.Text = "Edit selected " + inputElem.GetAttribute("gridlabel").Replace(" ", " ") + ":  ";
Control c = Page.ParseControl(inputElem.OuterXml);
if (c.Controls.Count == 1) c = c.Controls[0];
cell1.Controls.Add(lit);

if (c is HtmlInputControl && ((HtmlInputControl)c).Attributes["readonly"] == "true") ((HtmlInputControl)c).Attributes.Remove("readonly");
if (c is HtmlSelect && ((HtmlSelect)c).Style["display"] == "none") ((HtmlSelect)c).Style.Remove("display");



cell1.Controls.Add(c);

//add the validators
AddValidatorsAndDataSources(cell1, c, c.ID, inputElem, false);


HtmlButton buttonOK = new HtmlButton();
buttonOK.InnerText = "Update";

buttonOK.Attributes["onclick"] = Page.ClientScript.GetPostBackEventReference(new PostBackOptions(this, "UpdateColumn", "", true, false, false, true, true, ""));

HtmlButton buttonCancel = new HtmlButton();
buttonCancel.InnerText = "Cancel";
buttonCancel.Attributes["onclick"] = Page.ClientScript.GetPostBackEventReference(new PostBackOptions(this, "CancelColumnEdit", "", true, false, false, true, false, ""));

Literal litSpace = new Literal();
litSpace.Text = " ";

cell2.Controls.Add(buttonOK);
cell2.Controls.Add(litSpace);
cell2.Controls.Add(buttonCancel);


div.Controls.Add(div2);
div2.Controls.Add(table);

Controls.Add(divOverlay);
Controls.Add(div);更多精彩文章及讨论，请光临枫下论坛 rolia.net
(#4563744@0)
Last Updated: 2008-7-18
This post has been archived. It cannot be replied.
Report

Replies, comments and Discussions:

  • 工作学习 / 学科技术讨论 / 请教有人知道如何实现这个效果吗？如果用javascript，ajax都可以接受，如果.net的方法更好，先谢了。 -mfcguy(); 2008-7-17 {131} (#4563181@0)
    popup一个window(alert)，背景暗掉，等待用户选择确认或者取消。
    • 画一个全屏白色透明的div -c1xwy(洪兴罩俺去战斗); 2008-7-17 (#4563188@0)
      • Never thing about this way, it is cool for me -cynara(夜子); 2008-7-18 (#4563706@0)
        • glad to see u like that, this is what we did with a modal div over a shadow div. if u interest -c1xwy(洪兴罩俺去战斗); 2008-7-18 {3834} (#4563744@0)
          本文发表在 rolia.net 枫下论坛//add a control that will blot out the others
          HtmlGenericControl divOverlay = new HtmlGenericControl("div");
          divOverlay.Style["background-color"] = "#EBEBEB";
          divOverlay.Style["width"] = "100%";
          divOverlay.Style["height"] = "100%";
          divOverlay.Style["position"] = "absolute";
          divOverlay.Style["top"] = "0px";
          divOverlay.Style["left"] = "0px";
          divOverlay.Style["filter"] = "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";


          //add a "modal" div that shows overtop of everything
          HtmlGenericControl div = new HtmlGenericControl("div");
          div.Style["width"] = "100%";
          div.Style["height"] = "70%";
          div.Style["position"] = "absolute";
          div.Style["top"] = "30%";
          div.Attributes["align"] = "center";

          HtmlGenericControl div2 = new HtmlGenericControl("div");
          div2.Attributes["style"] = "background-color: white; border: 1px solid gray; padding: 8px; text-align:left; width: 300px";

          //show a table with an editable version of the "Edited" column
          HtmlTable table = new HtmlTable();
          HtmlTableRow row = new HtmlTableRow();
          HtmlTableCell cell1 = new HtmlTableCell();
          HtmlTableCell cell2 = new HtmlTableCell();
          cell2.Align = "right";
          table.Border = 0;
          table.Width = "100%";
          table.Rows.Add(row);
          row.Cells.Add(cell1);
          row.Cells.Add(cell2);

          Literal lit = new Literal();
          lit.Text = "Edit selected " + inputElem.GetAttribute("gridlabel").Replace(" ", " ") + ":  ";
          Control c = Page.ParseControl(inputElem.OuterXml);
          if (c.Controls.Count == 1) c = c.Controls[0];
          cell1.Controls.Add(lit);

          if (c is HtmlInputControl && ((HtmlInputControl)c).Attributes["readonly"] == "true") ((HtmlInputControl)c).Attributes.Remove("readonly");
          if (c is HtmlSelect && ((HtmlSelect)c).Style["display"] == "none") ((HtmlSelect)c).Style.Remove("display");



          cell1.Controls.Add(c);

          //add the validators
          AddValidatorsAndDataSources(cell1, c, c.ID, inputElem, false);


          HtmlButton buttonOK = new HtmlButton();
          buttonOK.InnerText = "Update";

          buttonOK.Attributes["onclick"] = Page.ClientScript.GetPostBackEventReference(new PostBackOptions(this, "UpdateColumn", "", true, false, false, true, true, ""));

          HtmlButton buttonCancel = new HtmlButton();
          buttonCancel.InnerText = "Cancel";
          buttonCancel.Attributes["onclick"] = Page.ClientScript.GetPostBackEventReference(new PostBackOptions(this, "CancelColumnEdit", "", true, false, false, true, false, ""));

          Literal litSpace = new Literal();
          litSpace.Text = " ";

          cell2.Controls.Add(buttonOK);
          cell2.Controls.Add(litSpace);
          cell2.Controls.Add(buttonCancel);


          div.Controls.Add(div2);
          div2.Controls.Add(table);

          Controls.Add(divOverlay);
          Controls.Add(div);更多精彩文章及讨论，请光临枫下论坛 rolia.net
          • thanks,buddy. -mfcguy(); 2008-7-18 (#4563776@0)
          • 你又发明了一个车轮, 哈哈, 用GrayBox或Modalbox只要一句话就搞定了. -maplew2008(call me at 9.1.1); 2008-7-18 (#4563918@0)
            • i didnt invent this, this code from my duddy, i like it because it does the work. of course u can use whatever u like. but keep in mind, in some company, there might a issue to use outside js functions. -c1xwy(洪兴罩俺去战斗); 2008-7-18 (#4564026@0)
              • RE: Reinventing the wheel
                -sunday8(sunday8); 2008-7-18 (#4564279@0)
              • I like the whell your team "invented". Can you give me a simple but full example? Can't implentment with the code in your last post. Thanks. -zealot(时间像海绵); 2008-7-22 (#4572377@0)
    • IE下面可以实现，用window.showModalDialog(). http://shf.cnblogs.com/archive/2006/02/24/336806.aspx -billdxy(Billdxy); 2008-7-17 (#4563204@0)
      • 这个blog不错，谢谢。 -mfcguy(); 2008-7-17 (#4563366@0)
    • 就是一张图片 -googlebot(bot); 2008-7-17 (#4563230@0)
    • ModalBox or GrayBox Javascript Lib will meet your requirement -maplew2008(call me at 9.1.1); 2008-7-17 (#4563241@0)
      • 多谢，这里高人真多。 -mfcguy(); 2008-7-17 (#4563344@0)
      • Holly $&%^, this is really cool, I never though JS could do that. What's the idea behind that (fade effect)? -liquid(豆泡松果 之 松果豆泡); 2008-7-18 (#4564302@0)
    • 我来推荐一个.NET+Ajax的 -readonly(ReadOnly); 2008-7-18 (#4563663@0)
      • thanks,that's cool,man.that's what i am looking for. -mfcguy(); 2008-7-18 (#4563777@0)
    • very easy with dojo or extjs pakage -ysysning(豆泡松果 之 樱桃果果); 2008-7-22 (#4571551@0)
    • ajax lib - prototype window
      -informix(informix); 2008-7-22 (#4572499@0)

More Topics

  • 看大家讨论日语，俺也正在认真学习。其实语言问题应该是很快也很容易就解决的，可能比自动驾驶来的还快。TREK里面，全宇宙的人都在大脑里安装了UNIVERSAL TRANSLATOR，外星人之间相互交流无障碍。废话少说，看视频。。。加上个MIC和耳机，不同国家的人就可以无障碍交流。
  • 肉脸真有搞 IT 的？Linux 把俄国中国伊朗踢出去了好像肉脸 IT 没啥感觉似的
  • 请问web developer和software developer技术上有什么区别？
  • Elon Musk 带着川普总统奔向火星了。
  • 扔硬币的实验研究
    • 枫下论坛主坛 /  工作学习 /  学科技术讨论