首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

关于控制弹出网页窗口大小及样式的有关问题

2014-06-02 
关于控制弹出网页窗口大小及样式的问题首先我有个GridView绑定了我的数据,然后通过点击某行来在一个新的窗

关于控制弹出网页窗口大小及样式的问题
首先我有个GridView绑定了我的数据,然后通过点击某行来在一个新的窗口中显示其对应的详细信息,效果已经实现,但是我都是弹出一个新的网页,现在我要的是弹出一个小窗体,我能控制它的大小,同时这个窗口是不带地址栏,导航等等的,试了很多方法,都是正常弹页和传值,但都是新网页,我加入的控制大小和样式的代码完全没起作用,我把我的代码贴出来,小弟新手,麻烦大大们给看下哪的问题,感激涕零。

// HyperLink 
 <asp:TemplateField HeaderText="操作">
                            <ItemTemplate>
                            <asp:HyperLink ID="HyperLink1" runat="server"   
                             ImageUrl="~/picture/clipboard__plus.png" > </asp:HyperLink>
                            </ItemTemplate>
                            </asp:TemplateField>

 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            ((HyperLink)e.Row.FindControl("HyperLink1")).Attributes.Add("onclick", "window.showModalDialog('UserIn.aspx?Room_Num=102','','resizable:yes;scroll:yes;status:no;dialogWidth=320px;dialogHeight=230px;center=yes;help=no')");
        }
        //NavigateUrl='<%# "UserIn.aspx?Room_Num="+Eval("门牌")%>' 
    }
-------------------------------------------------
//HyperLinkField
 <asp:HyperLinkField DataNavigateUrlFields="门牌" 
      DataNavigateUrlFormatString="UserIn.aspx?Room_Num={0}"  Text="详细"  
         HeaderText="操作"  />
--------------------------------------------------
//a标签
   <asp:TemplateField HeaderText="操作">
       <ItemTemplate>
  <a href="#" onclick="window.location.reload();window.open('UserIn.aspx?Room_Num=<%# Eval("门牌") %>','','width=610px,height=635px,top=40px,left=150px,location=0,menubar=0')">haha</a>
           </ItemTemplate>
 </asp:TemplateField> 





[解决办法]

 <a href="#" style="cursor:hand" onclick="divlayer(<%#Eval("门牌") %>)">详细</a>

functon divlayer(mp){

var param = 'Room_Num='+mp; 

}


这样就把值传进去了、亲
[解决办法]
前台

<div id="show">
<table class="TableFrame" cellspacing="0" style="display: block; width: 600px">
<tr>
<td class="leftstyle" style="border-top: 1px solid #9A9997;width:80px">库位:</td>
<td style="border-top: 1px solid #9A9997; text-align: left; width: 330px; border-right: 0;">
<input type="text" id="txtUpLoaction" runat="server" readonly="readonly" />
</td>
<td style="width: 150px; border-top: 1px solid #9A9997;"></td>
</tr>
<tr>
<td class="leftstyle">工厂名称:</td>
<td style="text-align: left; border-right: 0;">
<input type="text" id="txtUpLotatt09" runat="server" />
</td>
<td></td>
</tr>
<tr>
<td class="leftstyle">品番:</td>
<td style="text-align: left; border-right: 0;">
<input type="text" id="txtUpLotatt04" runat="server" style="width: 300px;" />
<br /> 输入规范:可输入多个中间以逗号隔开例如:436027,629S-826
</td>
<td></td>
</tr>
<tr>
<td class="leftstyle">箱号:</td>


<td style="text-align: left; border-right: 0;line-height:20px;">
<input type="text" id="txtUpLotatt10" onblur="GetBoxNumber();" runat="server" style="width: 200px;" />
<br />单个品番时的箱号格式如:1-4,11,<br />22,33两个品番以及超过两个时的箱号格式如15-19,44;4
</td>
<td></td>
</tr>
<tr>
<td class="leftstyle">箱数:</td>
<td style="text-align: left; border-right: 0;">
<input type="text" id="txtUpBoxNumber" readonly="readonly" runat="server" /></td>
<td></td>
</tr>
<tr>
<td class="leftstyle">入库日期:</td>
<td style="text-align: left; border-right: 0;">
<input type="text" id="txtUpAddTime" runat="server" class="Wdate"
readonly="readonly"
onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" /></td>
<td></td>
</tr>
<tr>
<td class="leftstyle">跟踪号:</td>
<td style="text-align: left; border-right: 0;">
<input type="text" id="txtUpTraceID" runat="server" readonly="readonly" /></td>
<td></td>
</tr>
<tr>
<td class="leftstyle">产品等级:</td>
<td style="text-align: left; border-right: 0;">
<asp:RadioButtonList ID="cblRate" runat="server" RepeatDirection="Horizontal" Height="30px">
<asp:ListItem>A品</asp:ListItem>
<asp:ListItem>半成品</asp:ListItem>
<asp:ListItem>直出 </asp:ListItem>
</asp:RadioButtonList></td>
<td></td>
 </tr>
<tr>
<td class="leftstyle" colspan="3">
<asp:Button runat="server" ID="lbEdit" OnClientClick="ValidateStock();" Style="cursor: pointer; height: 25px; width: 60px;"
OnClick="lbEdit_Click"  Text="编辑" />
<asp:Button runat="server" ID="lbtUpdate" OnClientClick="ValidateStock();" Style="cursor: pointer; height: 25px; width: 60px;"
 Text="修改"  OnClick="lbtUpdate_Click"/>
<input type="button" onclick="javascript:HideUpdateDiv();" style="cursor: pointer; height: 25px; width: 60px;" value="取消" />

</td>
</tr>
</table>
</div>


后台:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
           HyperLink edit = ((HyperLink)e.Row.FindControl("HyperLink1"));
//要传递的值组合起来。
string parmValue = rowv["LocationID"].ToString() + "_" + rowv["LotAtt09"].ToString() + "_" +
rowv["LotAtt04"].ToString() + "_" + rowv["LotAtt10"].ToString() + "_" + rowv["BoxNumber"].ToString() + "_" + addTime + "_" + traceNO + "_" + rowv["LotAtt05"].ToString();
edit.Attributes.Add("onclick", "javascript:ShowUpdateDiv('" + parmValue + "');");
edit.Attributes.Add("onclick", "javascript:ShowUpdateDiv('" + parmValue + "');");
        }
         
    }

JS代码:

//编辑显示Div
function ShowUpdateDiv(strUpdateInfo) {
$("#black_overlay").css("display", "block");
$("#show").css("display", "block");
$("#txtUpLoaction").val(strUpdateInfo.split('_')[0]);
$("#txtUpLotatt09").val(strUpdateInfo.split('_')[1]);
$("#txtUpLotatt04").val(strUpdateInfo.split('_')[2]);
$("#txtUpLotatt10").val(strUpdateInfo.split('_')[3].replace(/[A-Za-z]/g, ''));
$("#txtUpBoxNumber").val(strUpdateInfo.split('_')[4]);
$("#txtUpAddTime").val(strUpdateInfo.split('_')[5]);
$("#txtUpTraceID").val(strUpdateInfo.split('_')[6]);
$("input[name='cblRate'][value='" + strUpdateInfo.split('_')[7] + "']").attr("checked", true);
//根据点击的状态隐藏button
if ($("#txtUpLotatt09").val() == "")//alert('编辑');
{
$("#lbtUpdate").hide();
$("#lbEdit").show();
}
else//alert('修改');
{
$("#lbEdit").hide();
$("#lbtUpdate").show();
}
$("#updateLotAtt10").attr("value", strUpdateInfo.split('_')[2]);
}

参考下吧。
[解决办法]
http://fineui.com/demo/#/demo/grid/grid_iframe.aspx

fineUI 里有很多控件

热点排行